").attr({id:i,role:"tooltip"}).addClass("ui-tooltip ui-widget ui-corner-all ui-widget-content "+(this.options.tooltipClass||""));return t("
").addClass("ui-tooltip-content").appendTo(n),n.appendTo(this.document[0].body),this.tooltips[i]=e,n},_find:function(e){var i=e.data("ui-tooltip-id");return i?t("#"+i):t()},_removeTooltip:function(t){t.remove(),delete this.tooltips[t.attr("id")]},_destroy:function(){var e=this;t.each(this.tooltips,function(i,s){var n=t.Event("blur");n.target=n.currentTarget=s[0],e.close(n,!0),t("#"+i).remove(),s.data("ui-tooltip-title")&&(s.attr("title",s.data("ui-tooltip-title")),s.removeData("ui-tooltip-title"))})}})})(jQuery);;
/* NUGET: BEGIN LICENSE TEXT
*
* Microsoft grants you the right to use these script files for the sole
* purpose of either: (i) interacting through your browser with the Microsoft
* website or online service, subject to the applicable licensing or use
* terms; or (ii) using the files as included with a Microsoft product subject
* to that product's license terms. Microsoft reserves all other rights to the
* files not expressly granted by Microsoft, whether by implication, estoppel
* or otherwise. Insofar as a script file is dual licensed under GPL,
* Microsoft neither took the code under GPL nor distributes it thereunder but
* under the terms set out in this paragraph. All notices and licenses
* below are for informational purposes only.
*
* NUGET: END LICENSE TEXT */
/*
** Unobtrusive Ajax support library for jQuery
** Copyright (C) Microsoft Corporation. All rights reserved.
*/
(function(a){var b="unobtrusiveAjaxClick",d="unobtrusiveAjaxClickTarget",h="unobtrusiveValidation";function c(d,b){var a=window,c=(d||"").split(".");while(a&&c.length)a=a[c.shift()];if(typeof a==="function")return a;b.push(d);return Function.constructor.apply(null,b)}function e(a){return a==="GET"||a==="POST"}function g(b,a){!e(a)&&b.setRequestHeader("X-HTTP-Method-Override",a)}function i(c,b,e){var d;if(e.indexOf("application/x-javascript")!==-1)return;d=(c.getAttribute("data-ajax-mode")||"").toUpperCase();a(c.getAttribute("data-ajax-update")).each(function(f,c){var e;switch(d){case"BEFORE":e=c.firstChild;a("
").html(b).contents().each(function(){c.insertBefore(this,e)});break;case"AFTER":a("
").html(b).contents().each(function(){c.appendChild(this)});break;case"REPLACE-WITH":a(c).replaceWith(b);break;default:a(c).html(b)}})}function f(b,d){var j,k,f,h;j=b.getAttribute("data-ajax-confirm");if(j&&!window.confirm(j))return;k=a(b.getAttribute("data-ajax-loading"));h=parseInt(b.getAttribute("data-ajax-loading-duration"),10)||0;a.extend(d,{type:b.getAttribute("data-ajax-method")||undefined,url:b.getAttribute("data-ajax-url")||undefined,cache:!!b.getAttribute("data-ajax-cache"),beforeSend:function(d){var a;g(d,f);a=c(b.getAttribute("data-ajax-begin"),["xhr"]).apply(b,arguments);a!==false&&k.show(h);return a},complete:function(){k.hide(h);c(b.getAttribute("data-ajax-complete"),["xhr","status"]).apply(b,arguments)},success:function(a,e,d){i(b,a,d.getResponseHeader("Content-Type")||"text/html");c(b.getAttribute("data-ajax-success"),["data","status","xhr"]).apply(b,arguments)},error:function(){c(b.getAttribute("data-ajax-failure"),["xhr","status","error"]).apply(b,arguments)}});d.data.push({name:"X-Requested-With",value:"XMLHttpRequest"});f=d.type.toUpperCase();if(!e(f)){d.type="POST";d.data.push({name:"X-HTTP-Method-Override",value:f})}a.ajax(d)}function j(c){var b=a(c).data(h);return!b||!b.validate||b.validate()}a(document).on("click","a[data-ajax=true]",function(a){a.preventDefault();f(this,{url:this.href,type:"GET",data:[]})});a(document).on("click","form[data-ajax=true] input[type=image]",function(c){var g=c.target.name,e=a(c.target),f=a(e.parents("form")[0]),d=e.offset();f.data(b,[{name:g+".x",value:Math.round(c.pageX-d.left)},{name:g+".y",value:Math.round(c.pageY-d.top)}]);setTimeout(function(){f.removeData(b)},0)});a(document).on("click","form[data-ajax=true] :submit",function(e){var g=e.currentTarget.name,f=a(e.target),c=a(f.parents("form")[0]);c.data(b,g?[{name:g,value:e.currentTarget.value}]:[]);c.data(d,f);setTimeout(function(){c.removeData(b);c.removeData(d)},0)});a(document).on("submit","form[data-ajax=true]",function(h){var e=a(this).data(b)||[],c=a(this).data(d),g=c&&c.hasClass("cancel");h.preventDefault();if(!g&&!j(this))return;f(this,{url:this.action,type:this.method||"GET",data:e.concat(a(this).serializeArray())})})})(jQuery);;
/*! jQuery Validation Plugin - v1.13.0 - 7/1/2014
* http://jqueryvalidation.org/
* Copyright (c) 2014 Jörn Zaefferer; Licensed MIT */
!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):a(jQuery)}(function(a){a.extend(a.fn,{validate:function(b){if(!this.length)return void(b&&b.debug&&window.console&&console.warn("Nothing selected, can't validate, returning nothing."));var c=a.data(this[0],"validator");return c?c:(this.attr("novalidate","novalidate"),c=new a.validator(b,this[0]),a.data(this[0],"validator",c),c.settings.onsubmit&&(this.validateDelegate(":submit","click",function(b){c.settings.submitHandler&&(c.submitButton=b.target),a(b.target).hasClass("cancel")&&(c.cancelSubmit=!0),void 0!==a(b.target).attr("formnovalidate")&&(c.cancelSubmit=!0)}),this.submit(function(b){function d(){var d;return c.settings.submitHandler?(c.submitButton&&(d=a("
").attr("name",c.submitButton.name).val(a(c.submitButton).val()).appendTo(c.currentForm)),c.settings.submitHandler.call(c,c.currentForm,b),c.submitButton&&d.remove(),!1):!0}return c.settings.debug&&b.preventDefault(),c.cancelSubmit?(c.cancelSubmit=!1,d()):c.form()?c.pendingRequest?(c.formSubmitted=!0,!1):d():(c.focusInvalid(),!1)})),c)},valid:function(){var b,c;return a(this[0]).is("form")?b=this.validate().form():(b=!0,c=a(this[0].form).validate(),this.each(function(){b=c.element(this)&&b})),b},removeAttrs:function(b){var c={},d=this;return a.each(b.split(/\s/),function(a,b){c[b]=d.attr(b),d.removeAttr(b)}),c},rules:function(b,c){var d,e,f,g,h,i,j=this[0];if(b)switch(d=a.data(j.form,"validator").settings,e=d.rules,f=a.validator.staticRules(j),b){case"add":a.extend(f,a.validator.normalizeRule(c)),delete f.messages,e[j.name]=f,c.messages&&(d.messages[j.name]=a.extend(d.messages[j.name],c.messages));break;case"remove":return c?(i={},a.each(c.split(/\s/),function(b,c){i[c]=f[c],delete f[c],"required"===c&&a(j).removeAttr("aria-required")}),i):(delete e[j.name],f)}return g=a.validator.normalizeRules(a.extend({},a.validator.classRules(j),a.validator.attributeRules(j),a.validator.dataRules(j),a.validator.staticRules(j)),j),g.required&&(h=g.required,delete g.required,g=a.extend({required:h},g),a(j).attr("aria-required","true")),g.remote&&(h=g.remote,delete g.remote,g=a.extend(g,{remote:h})),g}}),a.extend(a.expr[":"],{blank:function(b){return!a.trim(""+a(b).val())},filled:function(b){return!!a.trim(""+a(b).val())},unchecked:function(b){return!a(b).prop("checked")}}),a.validator=function(b,c){this.settings=a.extend(!0,{},a.validator.defaults,b),this.currentForm=c,this.init()},a.validator.format=function(b,c){return 1===arguments.length?function(){var c=a.makeArray(arguments);return c.unshift(b),a.validator.format.apply(this,c)}:(arguments.length>2&&c.constructor!==Array&&(c=a.makeArray(arguments).slice(1)),c.constructor!==Array&&(c=[c]),a.each(c,function(a,c){b=b.replace(new RegExp("\\{"+a+"\\}","g"),function(){return c})}),b)},a.extend(a.validator,{defaults:{messages:{},groups:{},rules:{},errorClass:"error",validClass:"valid",errorElement:"label",focusInvalid:!0,errorContainer:a([]),errorLabelContainer:a([]),onsubmit:!0,ignore:":hidden",ignoreTitle:!1,onfocusin:function(a){this.lastActive=a,this.settings.focusCleanup&&!this.blockFocusCleanup&&(this.settings.unhighlight&&this.settings.unhighlight.call(this,a,this.settings.errorClass,this.settings.validClass),this.hideThese(this.errorsFor(a)))},onfocusout:function(a){this.checkable(a)||!(a.name in this.submitted)&&this.optional(a)||this.element(a)},onkeyup:function(a,b){(9!==b.which||""!==this.elementValue(a))&&(a.name in this.submitted||a===this.lastElement)&&this.element(a)},onclick:function(a){a.name in this.submitted?this.element(a):a.parentNode.name in this.submitted&&this.element(a.parentNode)},highlight:function(b,c,d){"radio"===b.type?this.findByName(b.name).addClass(c).removeClass(d):a(b).addClass(c).removeClass(d)},unhighlight:function(b,c,d){"radio"===b.type?this.findByName(b.name).removeClass(c).addClass(d):a(b).removeClass(c).addClass(d)}},setDefaults:function(b){a.extend(a.validator.defaults,b)},messages:{required:"This field is required.",remote:"Please fix this field.",email:"Please enter a valid email address.",url:"Please enter a valid URL.",date:"Please enter a valid date.",dateISO:"Please enter a valid date ( ISO ).",number:"Please enter a valid number.",digits:"Please enter only digits.",creditcard:"Please enter a valid credit card number.",equalTo:"Please enter the same value again.",maxlength:a.validator.format("Please enter no more than {0} characters."),minlength:a.validator.format("Please enter at least {0} characters."),rangelength:a.validator.format("Please enter a value between {0} and {1} characters long."),range:a.validator.format("Please enter a value between {0} and {1}."),max:a.validator.format("Please enter a value less than or equal to {0}."),min:a.validator.format("Please enter a value greater than or equal to {0}.")},autoCreateRanges:!1,prototype:{init:function(){function b(b){var c=a.data(this[0].form,"validator"),d="on"+b.type.replace(/^validate/,""),e=c.settings;e[d]&&!this.is(e.ignore)&&e[d].call(c,this[0],b)}this.labelContainer=a(this.settings.errorLabelContainer),this.errorContext=this.labelContainer.length&&this.labelContainer||a(this.currentForm),this.containers=a(this.settings.errorContainer).add(this.settings.errorLabelContainer),this.submitted={},this.valueCache={},this.pendingRequest=0,this.pending={},this.invalid={},this.reset();var c,d=this.groups={};a.each(this.settings.groups,function(b,c){"string"==typeof c&&(c=c.split(/\s/)),a.each(c,function(a,c){d[c]=b})}),c=this.settings.rules,a.each(c,function(b,d){c[b]=a.validator.normalizeRule(d)}),a(this.currentForm).validateDelegate(":text, [type='password'], [type='file'], select, textarea, [type='number'], [type='search'] ,[type='tel'], [type='url'], [type='email'], [type='datetime'], [type='date'], [type='month'], [type='week'], [type='time'], [type='datetime-local'], [type='range'], [type='color'], [type='radio'], [type='checkbox']","focusin focusout keyup",b).validateDelegate("select, option, [type='radio'], [type='checkbox']","click",b),this.settings.invalidHandler&&a(this.currentForm).bind("invalid-form.validate",this.settings.invalidHandler),a(this.currentForm).find("[required], [data-rule-required], .required").attr("aria-required","true")},form:function(){return this.checkForm(),a.extend(this.submitted,this.errorMap),this.invalid=a.extend({},this.errorMap),this.valid()||a(this.currentForm).triggerHandler("invalid-form",[this]),this.showErrors(),this.valid()},checkForm:function(){this.prepareForm();for(var a=0,b=this.currentElements=this.elements();b[a];a++)this.check(b[a]);return this.valid()},element:function(b){var c=this.clean(b),d=this.validationTargetFor(c),e=!0;return this.lastElement=d,void 0===d?delete this.invalid[c.name]:(this.prepareElement(d),this.currentElements=a(d),e=this.check(d)!==!1,e?delete this.invalid[d.name]:this.invalid[d.name]=!0),a(b).attr("aria-invalid",!e),this.numberOfInvalids()||(this.toHide=this.toHide.add(this.containers)),this.showErrors(),e},showErrors:function(b){if(b){a.extend(this.errorMap,b),this.errorList=[];for(var c in b)this.errorList.push({message:b[c],element:this.findByName(c)[0]});this.successList=a.grep(this.successList,function(a){return!(a.name in b)})}this.settings.showErrors?this.settings.showErrors.call(this,this.errorMap,this.errorList):this.defaultShowErrors()},resetForm:function(){a.fn.resetForm&&a(this.currentForm).resetForm(),this.submitted={},this.lastElement=null,this.prepareForm(),this.hideErrors(),this.elements().removeClass(this.settings.errorClass).removeData("previousValue").removeAttr("aria-invalid")},numberOfInvalids:function(){return this.objectLength(this.invalid)},objectLength:function(a){var b,c=0;for(b in a)c++;return c},hideErrors:function(){this.hideThese(this.toHide)},hideThese:function(a){a.not(this.containers).text(""),this.addWrapper(a).hide()},valid:function(){return 0===this.size()},size:function(){return this.errorList.length},focusInvalid:function(){if(this.settings.focusInvalid)try{a(this.findLastActive()||this.errorList.length&&this.errorList[0].element||[]).filter(":visible").focus().trigger("focusin")}catch(b){}},findLastActive:function(){var b=this.lastActive;return b&&1===a.grep(this.errorList,function(a){return a.element.name===b.name}).length&&b},elements:function(){var b=this,c={};return a(this.currentForm).find("input, select, textarea").not(":submit, :reset, :image, [disabled]").not(this.settings.ignore).filter(function(){return!this.name&&b.settings.debug&&window.console&&console.error("%o has no name assigned",this),this.name in c||!b.objectLength(a(this).rules())?!1:(c[this.name]=!0,!0)})},clean:function(b){return a(b)[0]},errors:function(){var b=this.settings.errorClass.split(" ").join(".");return a(this.settings.errorElement+"."+b,this.errorContext)},reset:function(){this.successList=[],this.errorList=[],this.errorMap={},this.toShow=a([]),this.toHide=a([]),this.currentElements=a([])},prepareForm:function(){this.reset(),this.toHide=this.errors().add(this.containers)},prepareElement:function(a){this.reset(),this.toHide=this.errorsFor(a)},elementValue:function(b){var c,d=a(b),e=b.type;return"radio"===e||"checkbox"===e?a("input[name='"+b.name+"']:checked").val():"number"===e&&"undefined"!=typeof b.validity?b.validity.badInput?!1:d.val():(c=d.val(),"string"==typeof c?c.replace(/\r/g,""):c)},check:function(b){b=this.validationTargetFor(this.clean(b));var c,d,e,f=a(b).rules(),g=a.map(f,function(a,b){return b}).length,h=!1,i=this.elementValue(b);for(d in f){e={method:d,parameters:f[d]};try{if(c=a.validator.methods[d].call(this,i,b,e.parameters),"dependency-mismatch"===c&&1===g){h=!0;continue}if(h=!1,"pending"===c)return void(this.toHide=this.toHide.not(this.errorsFor(b)));if(!c)return this.formatAndAdd(b,e),!1}catch(j){throw this.settings.debug&&window.console&&console.log("Exception occurred when checking element "+b.id+", check the '"+e.method+"' method.",j),j}}if(!h)return this.objectLength(f)&&this.successList.push(b),!0},customDataMessage:function(b,c){return a(b).data("msg"+c.charAt(0).toUpperCase()+c.substring(1).toLowerCase())||a(b).data("msg")},customMessage:function(a,b){var c=this.settings.messages[a];return c&&(c.constructor===String?c:c[b])},findDefined:function(){for(var a=0;a
Warning: No message defined for "+b.name+"")},formatAndAdd:function(b,c){var d=this.defaultMessage(b,c.method),e=/\$?\{(\d+)\}/g;"function"==typeof d?d=d.call(this,c.parameters,b):e.test(d)&&(d=a.validator.format(d.replace(e,"{$1}"),c.parameters)),this.errorList.push({message:d,element:b,method:c.method}),this.errorMap[b.name]=d,this.submitted[b.name]=d},addWrapper:function(a){return this.settings.wrapper&&(a=a.add(a.parent(this.settings.wrapper))),a},defaultShowErrors:function(){var a,b,c;for(a=0;this.errorList[a];a++)c=this.errorList[a],this.settings.highlight&&this.settings.highlight.call(this,c.element,this.settings.errorClass,this.settings.validClass),this.showLabel(c.element,c.message);if(this.errorList.length&&(this.toShow=this.toShow.add(this.containers)),this.settings.success)for(a=0;this.successList[a];a++)this.showLabel(this.successList[a]);if(this.settings.unhighlight)for(a=0,b=this.validElements();b[a];a++)this.settings.unhighlight.call(this,b[a],this.settings.errorClass,this.settings.validClass);this.toHide=this.toHide.not(this.toShow),this.hideErrors(),this.addWrapper(this.toShow).show()},validElements:function(){return this.currentElements.not(this.invalidElements())},invalidElements:function(){return a(this.errorList).map(function(){return this.element})},showLabel:function(b,c){var d,e,f,g=this.errorsFor(b),h=this.idOrName(b),i=a(b).attr("aria-describedby");g.length?(g.removeClass(this.settings.validClass).addClass(this.settings.errorClass),g.html(c)):(g=a("<"+this.settings.errorElement+">").attr("id",h+"-error").addClass(this.settings.errorClass).html(c||""),d=g,this.settings.wrapper&&(d=g.hide().show().wrap("<"+this.settings.wrapper+"/>").parent()),this.labelContainer.length?this.labelContainer.append(d):this.settings.errorPlacement?this.settings.errorPlacement(d,a(b)):d.insertAfter(b),g.is("label")?g.attr("for",h):0===g.parents("label[for='"+h+"']").length&&(f=g.attr("id"),i?i.match(new RegExp("\b"+f+"\b"))||(i+=" "+f):i=f,a(b).attr("aria-describedby",i),e=this.groups[b.name],e&&a.each(this.groups,function(b,c){c===e&&a("[name='"+b+"']",this.currentForm).attr("aria-describedby",g.attr("id"))}))),!c&&this.settings.success&&(g.text(""),"string"==typeof this.settings.success?g.addClass(this.settings.success):this.settings.success(g,b)),this.toShow=this.toShow.add(g)},errorsFor:function(b){var c=this.idOrName(b),d=a(b).attr("aria-describedby"),e="label[for='"+c+"'], label[for='"+c+"'] *";return d&&(e=e+", #"+d.replace(/\s+/g,", #")),this.errors().filter(e)},idOrName:function(a){return this.groups[a.name]||(this.checkable(a)?a.name:a.id||a.name)},validationTargetFor:function(a){return this.checkable(a)&&(a=this.findByName(a.name).not(this.settings.ignore)[0]),a},checkable:function(a){return/radio|checkbox/i.test(a.type)},findByName:function(b){return a(this.currentForm).find("[name='"+b+"']")},getLength:function(b,c){switch(c.nodeName.toLowerCase()){case"select":return a("option:selected",c).length;case"input":if(this.checkable(c))return this.findByName(c.name).filter(":checked").length}return b.length},depend:function(a,b){return this.dependTypes[typeof a]?this.dependTypes[typeof a](a,b):!0},dependTypes:{"boolean":function(a){return a},string:function(b,c){return!!a(b,c.form).length},"function":function(a,b){return a(b)}},optional:function(b){var c=this.elementValue(b);return!a.validator.methods.required.call(this,c,b)&&"dependency-mismatch"},startRequest:function(a){this.pending[a.name]||(this.pendingRequest++,this.pending[a.name]=!0)},stopRequest:function(b,c){this.pendingRequest--,this.pendingRequest<0&&(this.pendingRequest=0),delete this.pending[b.name],c&&0===this.pendingRequest&&this.formSubmitted&&this.form()?(a(this.currentForm).submit(),this.formSubmitted=!1):!c&&0===this.pendingRequest&&this.formSubmitted&&(a(this.currentForm).triggerHandler("invalid-form",[this]),this.formSubmitted=!1)},previousValue:function(b){return a.data(b,"previousValue")||a.data(b,"previousValue",{old:null,valid:!0,message:this.defaultMessage(b,"remote")})}},classRuleSettings:{required:{required:!0},email:{email:!0},url:{url:!0},date:{date:!0},dateISO:{dateISO:!0},number:{number:!0},digits:{digits:!0},creditcard:{creditcard:!0}},addClassRules:function(b,c){b.constructor===String?this.classRuleSettings[b]=c:a.extend(this.classRuleSettings,b)},classRules:function(b){var c={},d=a(b).attr("class");return d&&a.each(d.split(" "),function(){this in a.validator.classRuleSettings&&a.extend(c,a.validator.classRuleSettings[this])}),c},attributeRules:function(b){var c,d,e={},f=a(b),g=b.getAttribute("type");for(c in a.validator.methods)"required"===c?(d=b.getAttribute(c),""===d&&(d=!0),d=!!d):d=f.attr(c),/min|max/.test(c)&&(null===g||/number|range|text/.test(g))&&(d=Number(d)),d||0===d?e[c]=d:g===c&&"range"!==g&&(e[c]=!0);return e.maxlength&&/-1|2147483647|524288/.test(e.maxlength)&&delete e.maxlength,e},dataRules:function(b){var c,d,e={},f=a(b);for(c in a.validator.methods)d=f.data("rule"+c.charAt(0).toUpperCase()+c.substring(1).toLowerCase()),void 0!==d&&(e[c]=d);return e},staticRules:function(b){var c={},d=a.data(b.form,"validator");return d.settings.rules&&(c=a.validator.normalizeRule(d.settings.rules[b.name])||{}),c},normalizeRules:function(b,c){return a.each(b,function(d,e){if(e===!1)return void delete b[d];if(e.param||e.depends){var f=!0;switch(typeof e.depends){case"string":f=!!a(e.depends,c.form).length;break;case"function":f=e.depends.call(c,c)}f?b[d]=void 0!==e.param?e.param:!0:delete b[d]}}),a.each(b,function(d,e){b[d]=a.isFunction(e)?e(c):e}),a.each(["minlength","maxlength"],function(){b[this]&&(b[this]=Number(b[this]))}),a.each(["rangelength","range"],function(){var c;b[this]&&(a.isArray(b[this])?b[this]=[Number(b[this][0]),Number(b[this][1])]:"string"==typeof b[this]&&(c=b[this].replace(/[\[\]]/g,"").split(/[\s,]+/),b[this]=[Number(c[0]),Number(c[1])]))}),a.validator.autoCreateRanges&&(b.min&&b.max&&(b.range=[b.min,b.max],delete b.min,delete b.max),b.minlength&&b.maxlength&&(b.rangelength=[b.minlength,b.maxlength],delete b.minlength,delete b.maxlength)),b},normalizeRule:function(b){if("string"==typeof b){var c={};a.each(b.split(/\s/),function(){c[this]=!0}),b=c}return b},addMethod:function(b,c,d){a.validator.methods[b]=c,a.validator.messages[b]=void 0!==d?d:a.validator.messages[b],c.length<3&&a.validator.addClassRules(b,a.validator.normalizeRule(b))},methods:{required:function(b,c,d){if(!this.depend(d,c))return"dependency-mismatch";if("select"===c.nodeName.toLowerCase()){var e=a(c).val();return e&&e.length>0}return this.checkable(c)?this.getLength(b,c)>0:a.trim(b).length>0},email:function(a,b){return this.optional(b)||/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/.test(a)},url:function(a,b){return this.optional(b)||/^(https?|s?ftp):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i.test(a)},date:function(a,b){return this.optional(b)||!/Invalid|NaN/.test(new Date(a).toString())},dateISO:function(a,b){return this.optional(b)||/^\d{4}[\/\-](0?[1-9]|1[012])[\/\-](0?[1-9]|[12][0-9]|3[01])$/.test(a)},number:function(a,b){return this.optional(b)||/^-?(?:\d+|\d{1,3}(?:,\d{3})+)?(?:\.\d+)?$/.test(a)},digits:function(a,b){return this.optional(b)||/^\d+$/.test(a)},creditcard:function(a,b){if(this.optional(b))return"dependency-mismatch";if(/[^0-9 \-]+/.test(a))return!1;var c,d,e=0,f=0,g=!1;if(a=a.replace(/\D/g,""),a.length<13||a.length>19)return!1;for(c=a.length-1;c>=0;c--)d=a.charAt(c),f=parseInt(d,10),g&&(f*=2)>9&&(f-=9),e+=f,g=!g;return e%10===0},minlength:function(b,c,d){var e=a.isArray(b)?b.length:this.getLength(a.trim(b),c);return this.optional(c)||e>=d},maxlength:function(b,c,d){var e=a.isArray(b)?b.length:this.getLength(a.trim(b),c);return this.optional(c)||d>=e},rangelength:function(b,c,d){var e=a.isArray(b)?b.length:this.getLength(a.trim(b),c);return this.optional(c)||e>=d[0]&&e<=d[1]},min:function(a,b,c){return this.optional(b)||a>=c},max:function(a,b,c){return this.optional(b)||c>=a},range:function(a,b,c){return this.optional(b)||a>=c[0]&&a<=c[1]},equalTo:function(b,c,d){var e=a(d);return this.settings.onfocusout&&e.unbind(".validate-equalTo").bind("blur.validate-equalTo",function(){a(c).valid()}),b===e.val()},remote:function(b,c,d){if(this.optional(c))return"dependency-mismatch";var e,f,g=this.previousValue(c);return this.settings.messages[c.name]||(this.settings.messages[c.name]={}),g.originalMessage=this.settings.messages[c.name].remote,this.settings.messages[c.name].remote=g.message,d="string"==typeof d&&{url:d}||d,g.old===b?g.valid:(g.old=b,e=this,this.startRequest(c),f={},f[c.name]=b,a.ajax(a.extend(!0,{url:d,mode:"abort",port:"validate"+c.name,dataType:"json",data:f,context:e.currentForm,success:function(d){var f,h,i,j=d===!0||"true"===d;e.settings.messages[c.name].remote=g.originalMessage,j?(i=e.formSubmitted,e.prepareElement(c),e.formSubmitted=i,e.successList.push(c),delete e.invalid[c.name],e.showErrors()):(f={},h=d||e.defaultMessage(c,"remote"),f[c.name]=g.message=a.isFunction(h)?h(b):h,e.invalid[c.name]=!0,e.showErrors(f)),g.valid=j,e.stopRequest(c,j)}},d)),"pending")}}}),a.format=function(){throw"$.format has been deprecated. Please use $.validator.format instead."};var b,c={};a.ajaxPrefilter?a.ajaxPrefilter(function(a,b,d){var e=a.port;"abort"===a.mode&&(c[e]&&c[e].abort(),c[e]=d)}):(b=a.ajax,a.ajax=function(d){var e=("mode"in d?d:a.ajaxSettings).mode,f=("port"in d?d:a.ajaxSettings).port;return"abort"===e?(c[f]&&c[f].abort(),c[f]=b.apply(this,arguments),c[f]):b.apply(this,arguments)}),a.extend(a.fn,{validateDelegate:function(b,c,d){return this.bind(c,function(c){var e=a(c.target);return e.is(b)?d.apply(e,arguments):void 0})}})});;
// TO DO : finir de traduire car je suis pas un champion...
jQuery.extend(jQuery.validator.messages, {
required: "Ce champ est requis.",
remote: "Please fix this field.",
email: "Veuillez entrer une adresse email valide.",
url: "Veuillez entrer une URL valide.",
date: "Veuillez entrer une date valide.",
dateISO: "Veuillez entrer une date ISO valide.",
number: "Veuillez entrer un nombre valide.",
digits: "Please enter only digits.",
creditcard: "Veuillez entrer un numéro de carte de crédit valide.",
equalTo: "Please enter the same value again.",
accept: "Please enter a value with a valid extension.",
maxlength: jQuery.validator.format("Please enter no more than {0} characters."),
minlength: jQuery.validator.format("Please enter at least {0} characters."),
rangelength: jQuery.validator.format("Please enter a value between {0} and {1} characters long."),
range: jQuery.validator.format("Please enter a value between {0} and {1}."),
max: jQuery.validator.format("Please enter a value less than or equal to {0}."),
min: jQuery.validator.format("Please enter a value greater than or equal to {0}.")
});;
/*
* Foundation Responsive Library
* http://foundation.zurb.com
* Copyright 2014, ZURB
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
(function ($, window, document, undefined) {
'use strict';
var header_helpers = function (class_array) {
var i = class_array.length;
var head = $('head');
while (i--) {
if(head.has('.' + class_array[i]).length === 0) {
head.append('');
}
}
};
header_helpers([
'foundation-mq-small',
'foundation-mq-medium',
'foundation-mq-large',
'foundation-mq-xlarge',
'foundation-mq-xxlarge',
'foundation-data-attribute-namespace']);
// Enable FastClick if present
$(function() {
if (typeof FastClick !== 'undefined') {
// Don't attach to body if undefined
if (typeof document.body !== 'undefined') {
FastClick.attach(document.body);
}
}
});
// private Fast Selector wrapper,
// returns jQuery object. Only use where
// getElementById is not available.
var S = function (selector, context) {
if (typeof selector === 'string') {
if (context) {
var cont;
if (context.jquery) {
cont = context[0];
if (!cont) return context;
} else {
cont = context;
}
return $(cont.querySelectorAll(selector));
}
return $(document.querySelectorAll(selector));
}
return $(selector, context);
};
// Namespace functions.
var attr_name = function (init) {
var arr = [];
if (!init) arr.push('data');
if (this.namespace.length > 0) arr.push(this.namespace);
arr.push(this.name);
return arr.join('-');
};
var add_namespace = function (str) {
var parts = str.split('-'),
i = parts.length,
arr = [];
while (i--) {
if (i !== 0) {
arr.push(parts[i]);
} else {
if (this.namespace.length > 0) {
arr.push(this.namespace, parts[i]);
} else {
arr.push(parts[i]);
}
}
}
return arr.reverse().join('-');
};
// Event binding and data-options updating.
var bindings = function (method, options) {
var self = this,
should_bind_events = !S(this).data(this.attr_name(true));
if (S(this.scope).is('[' + this.attr_name() +']')) {
S(this.scope).data(this.attr_name(true) + '-init', $.extend({}, this.settings, (options || method), this.data_options(S(this.scope))));
if (should_bind_events) {
this.events(this.scope);
}
} else {
S('[' + this.attr_name() +']', this.scope).each(function () {
var should_bind_events = !S(this).data(self.attr_name(true) + '-init');
S(this).data(self.attr_name(true) + '-init', $.extend({}, self.settings, (options || method), self.data_options(S(this))));
if (should_bind_events) {
self.events(this);
}
});
}
// # Patch to fix #5043 to move this *after* the if/else clause in order for Backbone and similar frameworks to have improved control over event binding and data-options updating.
if (typeof method === 'string') {
return this[method].call(this, options);
}
};
var single_image_loaded = function (image, callback) {
function loaded () {
callback(image[0]);
}
function bindLoad () {
this.one('load', loaded);
if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
var src = this.attr( 'src' ),
param = src.match( /\?/ ) ? '&' : '?';
param += 'random=' + (new Date()).getTime();
this.attr('src', src + param);
}
}
if (!image.attr('src')) {
loaded();
return;
}
if (image[0].complete || image[0].readyState === 4) {
loaded();
} else {
bindLoad.call(image);
}
};
/*
https://github.com/paulirish/matchMedia.js
*/
window.matchMedia = window.matchMedia || (function( doc ) {
"use strict";
var bool,
docElem = doc.documentElement,
refNode = docElem.firstElementChild || docElem.firstChild,
// fakeBody required for
fakeBody = doc.createElement( "body" ),
div = doc.createElement( "div" );
div.id = "mq-test-1";
div.style.cssText = "position:absolute;top:-100em";
fakeBody.style.background = "none";
fakeBody.appendChild(div);
return function (q) {
div.innerHTML = "";
docElem.insertBefore( fakeBody, refNode );
bool = div.offsetWidth === 42;
docElem.removeChild( fakeBody );
return {
matches: bool,
media: q
};
};
}( document ));
/*
* jquery.requestAnimationFrame
* https://github.com/gnarf37/jquery-requestAnimationFrame
* Requires jQuery 1.8+
*
* Copyright (c) 2012 Corey Frang
* Licensed under the MIT license.
*/
(function($) {
// requestAnimationFrame polyfill adapted from Erik Möller
// fixes from Paul Irish and Tino Zijdel
// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
var animating,
lastTime = 0,
vendors = ['webkit', 'moz'],
requestAnimationFrame = window.requestAnimationFrame,
cancelAnimationFrame = window.cancelAnimationFrame,
jqueryFxAvailable = 'undefined' !== typeof jQuery.fx;
for (; lastTime < vendors.length && !requestAnimationFrame; lastTime++) {
requestAnimationFrame = window[ vendors[lastTime] + "RequestAnimationFrame" ];
cancelAnimationFrame = cancelAnimationFrame ||
window[ vendors[lastTime] + "CancelAnimationFrame" ] ||
window[ vendors[lastTime] + "CancelRequestAnimationFrame" ];
}
function raf() {
if (animating) {
requestAnimationFrame(raf);
if (jqueryFxAvailable) {
jQuery.fx.tick();
}
}
}
if (requestAnimationFrame) {
// use rAF
window.requestAnimationFrame = requestAnimationFrame;
window.cancelAnimationFrame = cancelAnimationFrame;
if (jqueryFxAvailable) {
jQuery.fx.timer = function (timer) {
if (timer() && jQuery.timers.push(timer) && !animating) {
animating = true;
raf();
}
};
jQuery.fx.stop = function () {
animating = false;
};
}
} else {
// polyfill
window.requestAnimationFrame = function (callback) {
var currTime = new Date().getTime(),
timeToCall = Math.max(0, 16 - (currTime - lastTime)),
id = window.setTimeout(function () {
callback(currTime + timeToCall);
}, timeToCall);
lastTime = currTime + timeToCall;
return id;
};
window.cancelAnimationFrame = function (id) {
clearTimeout(id);
};
}
}( jQuery ));
function removeQuotes (string) {
if (typeof string === 'string' || string instanceof String) {
string = string.replace(/^['\\/"]+|(;\s?})+|['\\/"]+$/g, '');
}
return string;
}
window.Foundation = {
name : 'Foundation',
version : '5.3.0',
media_queries : {
small : S('.foundation-mq-small').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''),
medium : S('.foundation-mq-medium').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''),
large : S('.foundation-mq-large').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''),
xlarge: S('.foundation-mq-xlarge').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, ''),
xxlarge: S('.foundation-mq-xxlarge').css('font-family').replace(/^[\/\\'"]+|(;\s?})+|[\/\\'"]+$/g, '')
},
stylesheet : $('').appendTo('head')[0].sheet,
global: {
namespace: undefined
},
init : function (scope, libraries, method, options, response) {
var args = [scope, method, options, response],
responses = [];
// check RTL
this.rtl = /rtl/i.test(S('html').attr('dir'));
// set foundation global scope
this.scope = scope || this.scope;
this.set_namespace();
if (libraries && typeof libraries === 'string' && !/reflow/i.test(libraries)) {
if (this.libs.hasOwnProperty(libraries)) {
responses.push(this.init_lib(libraries, args));
}
} else {
for (var lib in this.libs) {
responses.push(this.init_lib(lib, libraries));
}
}
return scope;
},
init_lib : function (lib, args) {
if (this.libs.hasOwnProperty(lib)) {
this.patch(this.libs[lib]);
if (args && args.hasOwnProperty(lib)) {
if (typeof this.libs[lib].settings !== 'undefined') {
$.extend(true, this.libs[lib].settings, args[lib]);
}
else if (typeof this.libs[lib].defaults !== 'undefined') {
$.extend(true, this.libs[lib].defaults, args[lib]);
}
return this.libs[lib].init.apply(this.libs[lib], [this.scope, args[lib]]);
}
args = args instanceof Array ? args : new Array(args); // PATCH: added this line
return this.libs[lib].init.apply(this.libs[lib], args);
}
return function () {};
},
patch : function (lib) {
lib.scope = this.scope;
lib.namespace = this.global.namespace;
lib.rtl = this.rtl;
lib['data_options'] = this.utils.data_options;
lib['attr_name'] = attr_name;
lib['add_namespace'] = add_namespace;
lib['bindings'] = bindings;
lib['S'] = this.utils.S;
},
inherit : function (scope, methods) {
var methods_arr = methods.split(' '),
i = methods_arr.length;
while (i--) {
if (this.utils.hasOwnProperty(methods_arr[i])) {
scope[methods_arr[i]] = this.utils[methods_arr[i]];
}
}
},
set_namespace: function () {
// Description:
// Don't bother reading the namespace out of the meta tag
// if the namespace has been set globally in javascript
//
// Example:
// Foundation.global.namespace = 'my-namespace';
// or make it an empty string:
// Foundation.global.namespace = '';
//
//
// If the namespace has not been set (is undefined), try to read it out of the meta element.
// Otherwise use the globally defined namespace, even if it's empty ('')
var namespace = ( this.global.namespace === undefined ) ? $('.foundation-data-attribute-namespace').css('font-family') : this.global.namespace;
// Finally, if the namsepace is either undefined or false, set it to an empty string.
// Otherwise use the namespace value.
this.global.namespace = ( namespace === undefined || /false/i.test(namespace) ) ? '' : namespace;
},
libs : {},
// methods that can be inherited in libraries
utils : {
// Description:
// Fast Selector wrapper returns jQuery object. Only use where getElementById
// is not available.
//
// Arguments:
// Selector (String): CSS selector describing the element(s) to be
// returned as a jQuery object.
//
// Scope (String): CSS selector describing the area to be searched. Default
// is document.
//
// Returns:
// Element (jQuery Object): jQuery object containing elements matching the
// selector within the scope.
S : S,
// Description:
// Executes a function a max of once every n milliseconds
//
// Arguments:
// Func (Function): Function to be throttled.
//
// Delay (Integer): Function execution threshold in milliseconds.
//
// Returns:
// Lazy_function (Function): Function with throttling applied.
throttle : function (func, delay) {
var timer = null;
return function () {
var context = this, args = arguments;
if (timer == null) {
timer = setTimeout(function () {
func.apply(context, args);
timer = null;
}, delay);
}
};
},
// Description:
// Executes a function when it stops being invoked for n seconds
// Modified version of _.debounce() http://underscorejs.org
//
// Arguments:
// Func (Function): Function to be debounced.
//
// Delay (Integer): Function execution threshold in milliseconds.
//
// Immediate (Bool): Whether the function should be called at the beginning
// of the delay instead of the end. Default is false.
//
// Returns:
// Lazy_function (Function): Function with debouncing applied.
debounce : function (func, delay, immediate) {
var timeout, result;
return function () {
var context = this, args = arguments;
var later = function () {
timeout = null;
if (!immediate) result = func.apply(context, args);
};
var callNow = immediate && !timeout;
clearTimeout(timeout);
timeout = setTimeout(later, delay);
if (callNow) result = func.apply(context, args);
return result;
};
},
// Description:
// Parses data-options attribute
//
// Arguments:
// El (jQuery Object): Element to be parsed.
//
// Returns:
// Options (Javascript Object): Contents of the element's data-options
// attribute.
data_options : function (el, data_attr_name) {
data_attr_name = data_attr_name || 'options';
var opts = {}, ii, p, opts_arr,
data_options = function (el) {
var namespace = Foundation.global.namespace;
if (namespace.length > 0) {
return el.data(namespace + '-' + data_attr_name);
}
return el.data(data_attr_name);
};
var cached_options = data_options(el);
if (typeof cached_options === 'object') {
return cached_options;
}
opts_arr = (cached_options || ':').split(';');
ii = opts_arr.length;
function isNumber (o) {
return ! isNaN (o-0) && o !== null && o !== "" && o !== false && o !== true;
}
function trim (str) {
if (typeof str === 'string') return $.trim(str);
return str;
}
while (ii--) {
p = opts_arr[ii].split(':');
p = [p[0], p.slice(1).join(':')];
if (/true/i.test(p[1])) p[1] = true;
if (/false/i.test(p[1])) p[1] = false;
if (isNumber(p[1])) {
if (p[1].indexOf('.') === -1) {
p[1] = parseInt(p[1], 10);
} else {
p[1] = parseFloat(p[1]);
}
}
if (p.length === 2 && p[0].length > 0) {
opts[trim(p[0])] = trim(p[1]);
}
}
return opts;
},
// Description:
// Adds JS-recognizable media queries
//
// Arguments:
// Media (String): Key string for the media query to be stored as in
// Foundation.media_queries
//
// Class (String): Class name for the generated tag
register_media : function (media, media_class) {
if(Foundation.media_queries[media] === undefined) {
$('head').append('');
Foundation.media_queries[media] = removeQuotes($('.' + media_class).css('font-family'));
}
},
// Description:
// Add custom CSS within a JS-defined media query
//
// Arguments:
// Rule (String): CSS rule to be appended to the document.
//
// Media (String): Optional media query string for the CSS rule to be
// nested under.
add_custom_rule : function (rule, media) {
if (media === undefined && Foundation.stylesheet) {
Foundation.stylesheet.insertRule(rule, Foundation.stylesheet.cssRules.length);
} else {
var query = Foundation.media_queries[media];
if (query !== undefined) {
Foundation.stylesheet.insertRule('@media ' +
Foundation.media_queries[media] + '{ ' + rule + ' }');
}
}
},
// Description:
// Performs a callback function when an image is fully loaded
//
// Arguments:
// Image (jQuery Object): Image(s) to check if loaded.
//
// Callback (Function): Function to execute when image is fully loaded.
image_loaded : function (images, callback) {
var self = this,
unloaded = images.length;
if (unloaded === 0) {
callback(images);
}
images.each(function () {
single_image_loaded(self.S(this), function () {
unloaded -= 1;
if (unloaded === 0) {
callback(images);
}
});
});
},
// Description:
// Returns a random, alphanumeric string
//
// Arguments:
// Length (Integer): Length of string to be generated. Defaults to random
// integer.
//
// Returns:
// Rand (String): Pseudo-random, alphanumeric string.
random_str : function () {
if (!this.fidx) this.fidx = 0;
this.prefix = this.prefix || [(this.name || 'F'), (+new Date).toString(36)].join('-');
return this.prefix + (this.fidx++).toString(36);
}
}
};
$.fn.foundation = function () {
var args = Array.prototype.slice.call(arguments, 0);
return this.each(function () {
Foundation.init.apply(Foundation, [this].concat(args));
return this;
});
};
}(jQuery, window, window.document));
;
;(function ($, window, document, undefined) {
'use strict';
Foundation.libs.accordion = {
name : 'accordion',
version : '5.3.0',
settings : {
active_class: 'active',
multi_expand: false,
toggleable: true,
callback : function () {}
},
init : function (scope, method, options) {
this.bindings(method, options);
},
events : function () {
var self = this;
var S = this.S;
S(this.scope)
.off('.fndtn.accordion')
.on('click.fndtn.accordion', '[' + this.attr_name() + '] > dd > a', function (e) {
var accordion = S(this).closest('[' + self.attr_name() + ']'),
target = S('#' + this.href.split('#')[1]),
siblings = S('dd > .content', accordion),
aunts = $('dd', accordion),
groupSelector = self.attr_name() + '=' + accordion.attr(self.attr_name()),
settings = accordion.data(self.attr_name(true) + '-init'),
active_content = S('dd > .content.' + settings.active_class, accordion);
e.preventDefault();
if (accordion.attr(self.attr_name())) {
siblings = siblings.add('[' + groupSelector + '] dd > .content');
aunts = aunts.add('[' + groupSelector + '] dd');
}
if (settings.toggleable && target.is(active_content)) {
target.parent('dd').toggleClass(settings.active_class, false);
target.toggleClass(settings.active_class, false);
settings.callback(target);
target.triggerHandler('toggled', [accordion]);
accordion.triggerHandler('toggled', [target]);
return;
}
if (!settings.multi_expand) {
siblings.removeClass(settings.active_class);
aunts.removeClass(settings.active_class);
}
target.addClass(settings.active_class).parent().addClass(settings.active_class);
settings.callback(target);
target.triggerHandler('toggled', [accordion]);
accordion.triggerHandler('toggled', [target]);
});
},
off : function () {},
reflow : function () {}
};
}(jQuery, window, window.document));
;
;(function ($, window, document, undefined) {
'use strict';
Foundation.libs.alert = {
name : 'alert',
version : '5.3.0',
settings : {
callback: function (){}
},
init : function (scope, method, options) {
this.bindings(method, options);
},
events : function () {
var self = this,
S = this.S;
$(this.scope).off('.alert').on('click.fndtn.alert', '[' + this.attr_name() + '] a.close', function (e) {
var alertBox = S(this).closest('[' + self.attr_name() + ']'),
settings = alertBox.data(self.attr_name(true) + '-init') || self.settings;
e.preventDefault();
if (Modernizr.csstransitions) {
alertBox.addClass("alert-close");
alertBox.on('transitionend webkitTransitionEnd oTransitionEnd', function(e) {
S(this).trigger('close').trigger('close.fndtn.alert').remove();
settings.callback();
});
} else {
alertBox.fadeOut(300, function () {
S(this).trigger('close').trigger('close.fndtn.alert').remove();
settings.callback();
});
}
});
},
reflow : function () {}
};
}(jQuery, window, window.document));
;
;(function ($, window, document, undefined) {
'use strict';
Foundation.libs.dropdown = {
name : 'dropdown',
version : '5.3.0',
settings : {
active_class: 'open',
align: 'bottom',
is_hover: false,
opened: function(){},
closed: function(){}
},
init : function (scope, method, options) {
Foundation.inherit(this, 'throttle');
this.bindings(method, options);
},
events : function (scope) {
var self = this,
S = self.S;
S(this.scope)
.off('.dropdown')
.on('click.fndtn.dropdown', '[' + this.attr_name() + ']', function (e) {
var settings = S(this).data(self.attr_name(true) + '-init') || self.settings;
if (!settings.is_hover || Modernizr.touch) {
e.preventDefault();
self.toggle($(this));
}
})
.on('mouseenter.fndtn.dropdown', '[' + this.attr_name() + '], [' + this.attr_name() + '-content]', function (e) {
var $this = S(this),
dropdown,
target;
clearTimeout(self.timeout);
if ($this.data(self.data_attr())) {
dropdown = S('#' + $this.data(self.data_attr()));
target = $this;
} else {
dropdown = $this;
target = S("[" + self.attr_name() + "='" + dropdown.attr('id') + "']");
}
var settings = target.data(self.attr_name(true) + '-init') || self.settings;
if(S(e.target).data(self.data_attr()) && settings.is_hover) {
self.closeall.call(self);
}
if (settings.is_hover) self.open.apply(self, [dropdown, target]);
})
.on('mouseleave.fndtn.dropdown', '[' + this.attr_name() + '], [' + this.attr_name() + '-content]', function (e) {
var $this = S(this);
self.timeout = setTimeout(function () {
if ($this.data(self.data_attr())) {
var settings = $this.data(self.data_attr(true) + '-init') || self.settings;
if (settings.is_hover) self.close.call(self, S('#' + $this.data(self.data_attr())));
} else {
var target = S('[' + self.attr_name() + '="' + S(this).attr('id') + '"]'),
settings = target.data(self.attr_name(true) + '-init') || self.settings;
if (settings.is_hover) self.close.call(self, $this);
}
}.bind(this), 150);
})
.on('click.fndtn.dropdown', function (e) {
var parent = S(e.target).closest('[' + self.attr_name() + '-content]');
if (S(e.target).data(self.data_attr()) || S(e.target).parent().data(self.data_attr())) {
return;
}
if (!(S(e.target).data('revealId')) &&
(parent.length > 0 && (S(e.target).is('[' + self.attr_name() + '-content]') ||
$.contains(parent.first()[0], e.target)))) {
e.stopPropagation();
return;
}
self.close.call(self, S('[' + self.attr_name() + '-content]'));
})
.on('opened.fndtn.dropdown', '[' + self.attr_name() + '-content]', function () {
self.settings.opened.call(this);
})
.on('closed.fndtn.dropdown', '[' + self.attr_name() + '-content]', function () {
self.settings.closed.call(this);
});
S(window)
.off('.dropdown')
.on('resize.fndtn.dropdown', self.throttle(function () {
self.resize.call(self);
}, 50));
this.resize();
},
close: function (dropdown) {
var self = this;
dropdown.each(function () {
if (self.S(this).hasClass(self.settings.active_class)) {
self.S(this)
.css(Foundation.rtl ? 'right':'left', '-99999px')
.removeClass(self.settings.active_class)
.prev('[' + self.attr_name() + ']')
.removeClass(self.settings.active_class)
.removeData('target');
self.S(this).trigger('closed').trigger('closed.fndtn.dropdown', [dropdown]);
}
});
},
closeall: function() {
var self = this;
$.each(self.S('[' + this.attr_name() + '-content]'), function() {
self.close.call(self, self.S(this))
});
},
open: function (dropdown, target) {
this
.css(dropdown
.addClass(this.settings.active_class), target);
dropdown.prev('[' + this.attr_name() + ']').addClass(this.settings.active_class);
dropdown.data('target', target.get(0)).trigger('opened').trigger('opened.fndtn.dropdown', [dropdown, target]);
},
data_attr: function () {
if (this.namespace.length > 0) {
return this.namespace + '-' + this.name;
}
return this.name;
},
toggle : function (target) {
var dropdown = this.S('#' + target.data(this.data_attr()));
if (dropdown.length === 0) {
// No dropdown found, not continuing
return;
}
this.close.call(this, this.S('[' + this.attr_name() + '-content]').not(dropdown));
if (dropdown.hasClass(this.settings.active_class)) {
this.close.call(this, dropdown);
if (dropdown.data('target') !== target.get(0))
this.open.call(this, dropdown, target);
} else {
this.open.call(this, dropdown, target);
}
},
resize : function () {
var dropdown = this.S('[' + this.attr_name() + '-content].open'),
target = this.S("[" + this.attr_name() + "='" + dropdown.attr('id') + "']");
if (dropdown.length && target.length) {
this.css(dropdown, target);
}
},
css : function (dropdown, target) {
var left_offset = Math.max((target.width() - dropdown.width()) / 2, 8);
this.clear_idx();
if (this.small()) {
var p = this.dirs.bottom.call(dropdown, target);
dropdown.attr('style', '').removeClass('drop-left drop-right drop-top').css({
position : 'absolute',
width: '95%',
'max-width': 'none',
top: p.top
});
dropdown.css(Foundation.rtl ? 'right':'left', left_offset);
} else {
var settings = target.data(this.attr_name(true) + '-init') || this.settings;
this.style(dropdown, target, settings);
}
return dropdown;
},
style : function (dropdown, target, settings) {
var css = $.extend({position: 'absolute'},
this.dirs[settings.align].call(dropdown, target, settings));
dropdown.attr('style', '').css(css);
},
// return CSS property object
// `this` is the dropdown
dirs : {
// Calculate target offset
_base : function (t) {
var o_p = this.offsetParent(),
o = o_p.offset(),
p = t.offset();
p.top -= o.top;
p.left -= o.left;
return p;
},
top: function (t, s) {
var self = Foundation.libs.dropdown,
p = self.dirs._base.call(this, t),
pip_offset_base = 8;
this.addClass('drop-top');
if (t.outerWidth() < this.outerWidth() || self.small()) {
self.adjust_pip(pip_offset_base, p);
}
if (Foundation.rtl) {
return {left: p.left - this.outerWidth() + t.outerWidth(),
top: p.top - this.outerHeight()};
}
return {left: p.left, top: p.top - this.outerHeight()};
},
bottom: function (t, s) {
var self = Foundation.libs.dropdown,
p = self.dirs._base.call(this, t),
pip_offset_base = 8;
if (t.outerWidth() < this.outerWidth() || self.small()) {
self.adjust_pip(pip_offset_base, p);
}
if (self.rtl) {
return {left: p.left - this.outerWidth() + t.outerWidth(), top: p.top + t.outerHeight()};
}
return {left: p.left, top: p.top + t.outerHeight()};
},
left: function (t, s) {
var p = Foundation.libs.dropdown.dirs._base.call(this, t);
this.addClass('drop-left');
return {left: p.left - this.outerWidth(), top: p.top};
},
right: function (t, s) {
var p = Foundation.libs.dropdown.dirs._base.call(this, t);
this.addClass('drop-right');
return {left: p.left + t.outerWidth(), top: p.top};
}
},
// Insert rule to style psuedo elements
adjust_pip : function (pip_offset_base, p) {
var sheet = Foundation.stylesheet;
if (this.small()) {
pip_offset_base += p.left - 8;
}
this.rule_idx = sheet.cssRules.length;
var sel_before = '.f-dropdown.open:before',
sel_after = '.f-dropdown.open:after',
css_before = 'left: ' + pip_offset_base + 'px;',
css_after = 'left: ' + (pip_offset_base - 1) + 'px;';
if (sheet.insertRule) {
sheet.insertRule([sel_before, '{', css_before, '}'].join(' '), this.rule_idx);
sheet.insertRule([sel_after, '{', css_after, '}'].join(' '), this.rule_idx + 1);
} else {
sheet.addRule(sel_before, css_before, this.rule_idx);
sheet.addRule(sel_after, css_after, this.rule_idx + 1);
}
},
// Remove old dropdown rule index
clear_idx : function () {
var sheet = Foundation.stylesheet;
if (this.rule_idx) {
sheet.deleteRule(this.rule_idx);
sheet.deleteRule(this.rule_idx);
delete this.rule_idx;
}
},
small : function () {
return matchMedia(Foundation.media_queries.small).matches &&
!matchMedia(Foundation.media_queries.medium).matches;
},
off: function () {
this.S(this.scope).off('.fndtn.dropdown');
this.S('html, body').off('.fndtn.dropdown');
this.S(window).off('.fndtn.dropdown');
this.S('[data-dropdown-content]').off('.fndtn.dropdown');
},
reflow : function () {}
};
}(jQuery, window, window.document));
;
;(function ($, window, document, undefined) {
'use strict';
Foundation.libs.equalizer = {
name : 'equalizer',
version : '5.3.0',
settings : {
use_tallest: true,
before_height_change: $.noop,
after_height_change: $.noop,
equalize_on_stack: true
},
init : function (scope, method, options) {
Foundation.inherit(this, 'image_loaded');
this.bindings(method, options);
this.reflow();
},
events : function () {
this.S(window).off('.equalizer').on('resize.fndtn.equalizer', function(e){
this.reflow();
}.bind(this));
},
equalize: function(equalizer) {
var isStacked = false,
vals = equalizer.find('[' + this.attr_name() + '-watch]:visible'),
settings = equalizer.data(this.attr_name(true)+'-init');
if (vals.length === 0) return;
var firstTopOffset = vals.first().offset().top;
settings.before_height_change();
equalizer.trigger('before-height-change').trigger('before-height-change.fndth.equalizer');
vals.height('inherit');
vals.each(function(){
var el = $(this);
if (el.offset().top !== firstTopOffset) {
isStacked = true;
}
});
if (settings.equalize_on_stack === false) {
if (isStacked) return;
};
var heights = vals.map(function(){ return $(this).outerHeight(false) }).get();
if (settings.use_tallest) {
var max = Math.max.apply(null, heights);
vals.css('height', max);
} else {
var min = Math.min.apply(null, heights);
vals.css('height', min);
}
settings.after_height_change();
equalizer.trigger('after-height-change').trigger('after-height-change.fndtn.equalizer');
},
reflow : function () {
var self = this;
this.S('[' + this.attr_name() + ']', this.scope).each(function(){
var $eq_target = $(this);
self.image_loaded(self.S('img', this), function(){
self.equalize($eq_target)
});
});
}
};
})(jQuery, window, window.document);
;
;(function ($, window, document, undefined) {
'use strict';
Foundation.libs.interchange = {
name : 'interchange',
version : '5.3.0',
cache : {},
images_loaded : false,
nodes_loaded : false,
settings : {
load_attr : 'interchange',
named_queries : {
'default' : 'only screen',
small : Foundation.media_queries.small,
medium : Foundation.media_queries.medium,
large : Foundation.media_queries.large,
xlarge : Foundation.media_queries.xlarge,
xxlarge: Foundation.media_queries.xxlarge,
landscape : 'only screen and (orientation: landscape)',
portrait : 'only screen and (orientation: portrait)',
retina : 'only screen and (-webkit-min-device-pixel-ratio: 2),' +
'only screen and (min--moz-device-pixel-ratio: 2),' +
'only screen and (-o-min-device-pixel-ratio: 2/1),' +
'only screen and (min-device-pixel-ratio: 2),' +
'only screen and (min-resolution: 192dpi),' +
'only screen and (min-resolution: 2dppx)'
},
directives : {
replace: function (el, path, trigger) {
// The trigger argument, if called within the directive, fires
// an event named after the directive on the element, passing
// any parameters along to the event that you pass to trigger.
//
// ex. trigger(), trigger([a, b, c]), or trigger(a, b, c)
//
// This allows you to bind a callback like so:
// $('#interchangeContainer').on('replace', function (e, a, b, c) {
// console.log($(this).html(), a, b, c);
// });
if (/IMG/.test(el[0].nodeName)) {
var orig_path = el[0].src;
if (new RegExp(path, 'i').test(orig_path)) return;
el[0].src = path;
return trigger(el[0].src);
}
var last_path = el.data(this.data_attr + '-last-path'),
self = this;
if (last_path == path) return;
if (/\.(gif|jpg|jpeg|tiff|png)([?#].*)?/i.test(path)) {
$(el).css('background-image', 'url('+path+')');
el.data('interchange-last-path', path);
return trigger(path);
}
return $.get(path, function (response) {
el.html(response);
el.data(self.data_attr + '-last-path', path);
trigger();
});
}
}
},
init : function (scope, method, options) {
Foundation.inherit(this, 'throttle random_str');
this.data_attr = this.set_data_attr();
$.extend(true, this.settings, method, options);
this.bindings(method, options);
this.load('images');
this.load('nodes');
},
get_media_hash : function() {
var mediaHash='';
for (var queryName in this.settings.named_queries ) {
mediaHash += matchMedia(this.settings.named_queries[queryName]).matches.toString();
}
return mediaHash;
},
events : function () {
var self = this, prevMediaHash;
$(window)
.off('.interchange')
.on('resize.fndtn.interchange', self.throttle(function () {
var currMediaHash = self.get_media_hash();
if (currMediaHash !== prevMediaHash) {
self.resize();
}
prevMediaHash = currMediaHash;
}, 50));
return this;
},
resize : function () {
var cache = this.cache;
if(!this.images_loaded || !this.nodes_loaded) {
setTimeout($.proxy(this.resize, this), 50);
return;
}
for (var uuid in cache) {
if (cache.hasOwnProperty(uuid)) {
var passed = this.results(uuid, cache[uuid]);
if (passed) {
this.settings.directives[passed
.scenario[1]].call(this, passed.el, passed.scenario[0], function () {
if (arguments[0] instanceof Array) {
var args = arguments[0];
} else {
var args = Array.prototype.slice.call(arguments, 0);
}
passed.el.trigger(passed.scenario[1], args);
});
}
}
}
},
results : function (uuid, scenarios) {
var count = scenarios.length;
if (count > 0) {
var el = this.S('[' + this.add_namespace('data-uuid') + '="' + uuid + '"]');
while (count--) {
var mq, rule = scenarios[count][2];
if (this.settings.named_queries.hasOwnProperty(rule)) {
mq = matchMedia(this.settings.named_queries[rule]);
} else {
mq = matchMedia(rule);
}
if (mq.matches) {
return {el: el, scenario: scenarios[count]};
}
}
}
return false;
},
load : function (type, force_update) {
if (typeof this['cached_' + type] === 'undefined' || force_update) {
this['update_' + type]();
}
return this['cached_' + type];
},
update_images : function () {
var images = this.S('img[' + this.data_attr + ']'),
count = images.length,
i = count,
loaded_count = 0,
data_attr = this.data_attr;
this.cache = {};
this.cached_images = [];
this.images_loaded = (count === 0);
while (i--) {
loaded_count++;
if (images[i]) {
var str = images[i].getAttribute(data_attr) || '';
if (str.length > 0) {
this.cached_images.push(images[i]);
}
}
if (loaded_count === count) {
this.images_loaded = true;
this.enhance('images');
}
}
return this;
},
update_nodes : function () {
var nodes = this.S('[' + this.data_attr + ']').not('img'),
count = nodes.length,
i = count,
loaded_count = 0,
data_attr = this.data_attr;
this.cached_nodes = [];
this.nodes_loaded = (count === 0);
while (i--) {
loaded_count++;
var str = nodes[i].getAttribute(data_attr) || '';
if (str.length > 0) {
this.cached_nodes.push(nodes[i]);
}
if(loaded_count === count) {
this.nodes_loaded = true;
this.enhance('nodes');
}
}
return this;
},
enhance : function (type) {
var i = this['cached_' + type].length;
while (i--) {
this.object($(this['cached_' + type][i]));
}
return $(window).trigger('resize').trigger('resize.fndtn.interchange');
},
convert_directive : function (directive) {
var trimmed = this.trim(directive);
if (trimmed.length > 0) {
return trimmed;
}
return 'replace';
},
parse_scenario : function (scenario) {
// This logic had to be made more complex since some users were using commas in the url path
// So we cannot simply just split on a comma
var directive_match = scenario[0].match(/(.+),\s*(\w+)\s*$/),
media_query = scenario[1];
if (directive_match) {
var path = directive_match[1],
directive = directive_match[2];
}
else {
var cached_split = scenario[0].split(/,\s*$/),
path = cached_split[0],
directive = '';
}
return [this.trim(path), this.convert_directive(directive), this.trim(media_query)];
},
object : function(el) {
var raw_arr = this.parse_data_attr(el),
scenarios = [],
i = raw_arr.length;
if (i > 0) {
while (i--) {
var split = raw_arr[i].split(/\((.*?)(\))$/);
if (split.length > 1) {
var params = this.parse_scenario(split);
scenarios.push(params);
}
}
}
return this.store(el, scenarios);
},
store : function (el, scenarios) {
var uuid = this.random_str(),
current_uuid = el.data(this.add_namespace('uuid', true));
if (this.cache[current_uuid]) return this.cache[current_uuid];
el.attr(this.add_namespace('data-uuid'), uuid);
return this.cache[uuid] = scenarios;
},
trim : function(str) {
if (typeof str === 'string') {
return $.trim(str);
}
return str;
},
set_data_attr: function (init) {
if (init) {
if (this.namespace.length > 0) {
return this.namespace + '-' + this.settings.load_attr;
}
return this.settings.load_attr;
}
if (this.namespace.length > 0) {
return 'data-' + this.namespace + '-' + this.settings.load_attr;
}
return 'data-' + this.settings.load_attr;
},
parse_data_attr : function (el) {
var raw = el.attr(this.attr_name()).split(/\[(.*?)\]/),
i = raw.length,
output = [];
while (i--) {
if (raw[i].replace(/[\W\d]+/, '').length > 4) {
output.push(raw[i]);
}
}
return output;
},
reflow : function () {
this.load('images', true);
this.load('nodes', true);
}
};
}(jQuery, window, window.document));
;
; (function ($, window, document, undefined) {
'use strict';
Foundation.libs.reveal = {
name: 'reveal',
version: '5.3.0',
locked: false,
settings: {
animation: 'fadeAndPop',
animation_speed: 250,
close_on_background_click: true,
close_on_esc: true,
dismiss_modal_class: 'close-reveal-modal',
bg_class: 'reveal-modal-bg',
root_element: 'body',
open: function () { },
opened: function () { },
close: function () { },
closed: function () { },
bg: $('.reveal-modal-bg'),
css: {
open: {
'opacity': 0,
'visibility': 'visible',
'display': 'block'
},
close: {
'opacity': 1,
'visibility': 'hidden',
'display': 'none'
}
}
},
init: function (scope, method, options) {
$.extend(true, this.settings, method, options);
this.bindings(method, options);
},
events: function (scope) {
var self = this,
S = self.S;
S(this.scope)
.off('.reveal')
.on('click.fndtn.reveal', '[' + this.add_namespace('data-reveal-id') + ']:not([disabled])', function (e) {
e.preventDefault();
if (!self.locked) {
var element = S(this),
ajax = element.data(self.data_attr('reveal-ajax'));
self.locked = true;
if (typeof ajax === 'undefined') {
self.open.call(self, element);
} else {
var url = ajax === true ? element.attr('href') : ajax;
self.open.call(self, element, { url: url });
}
}
});
S(document)
.on('touchend.fndtn.reveal click.fndtn.reveal', this.close_targets(), function (e) {
e.preventDefault();
if (!self.locked) {
var settings = S('[' + self.attr_name() + '].open').data(self.attr_name(true) + '-init'),
bg_clicked = S(e.target)[0] === S('.' + settings.bg_class)[0];
if (bg_clicked) {
if (settings.close_on_background_click) {
e.stopPropagation();
} else {
return;
}
}
self.locked = true;
self.close.call(self, bg_clicked ? S('[' + self.attr_name() + '].open') : S(this).closest('[' + self.attr_name() + ']'));
//si le domaine reste maty.com / maty.be -> constant
//on renvoi sur la page d'avant, que si c'est la popin d'ajout au panier
//if (document.getElementById("addProductReveal")) {
// if (!document.referrer.includes("/Cart")) {
// if (document.referrer.indexOf(window.location.host) !== -1) {
// history.go(-1);
// return false;
// }
// else {
// window.location.href = 'https://www.maty.com';
// }
// }
//}
}
});
if (S('[' + self.attr_name() + ']', this.scope).length > 0) {
S(this.scope)
// .off('.reveal')
.on('open.fndtn.reveal', this.settings.open)
.on('opened.fndtn.reveal', this.settings.opened)
.on('opened.fndtn.reveal', this.open_video)
.on('close.fndtn.reveal', this.settings.close)
.on('closed.fndtn.reveal', this.settings.closed)
.on('closed.fndtn.reveal', this.close_video);
} else {
S(this.scope)
// .off('.reveal')
.on('open.fndtn.reveal', '[' + self.attr_name() + ']', this.settings.open)
.on('opened.fndtn.reveal', '[' + self.attr_name() + ']', this.settings.opened)
.on('opened.fndtn.reveal', '[' + self.attr_name() + ']', this.open_video)
.on('close.fndtn.reveal', '[' + self.attr_name() + ']', this.settings.close)
.on('closed.fndtn.reveal', '[' + self.attr_name() + ']', this.settings.closed)
.on('closed.fndtn.reveal', '[' + self.attr_name() + ']', this.close_video);
}
return true;
},
// PATCH #3: turning on key up capture only when a reveal window is open
key_up_on: function (scope) {
var self = this;
// PATCH #1: fixing multiple keyup event trigger from single key press
self.S('body').off('keyup.fndtn.reveal').on('keyup.fndtn.reveal', function (event) {
var open_modal = self.S('[' + self.attr_name() + '].open'),
settings = open_modal.data(self.attr_name(true) + '-init');
// PATCH #2: making sure that the close event can be called only while unlocked,
// so that multiple keyup.fndtn.reveal events don't prevent clean closing of the reveal window.
if (settings && event.which === 27 && settings.close_on_esc && !self.locked) { // 27 is the keycode for the Escape key
self.close.call(self, open_modal);
}
});
return true;
},
// PATCH #3: turning on key up capture only when a reveal window is open
key_up_off: function (scope) {
this.S('body').off('keyup.fndtn.reveal');
return true;
},
open: function (target, ajax_settings) {
var self = this,
modal;
if (target) {
if (typeof target.selector !== 'undefined') {
// Find the named node; only use the first one found, since the rest of the code assumes there's only one node
modal = self.S('#' + target.data(self.data_attr('reveal-id'))).first();
} else {
modal = self.S(this.scope);
ajax_settings = target;
}
} else {
modal = self.S(this.scope);
}
var settings = modal.data(self.attr_name(true) + '-init');
settings = settings || this.settings;
if (!modal.hasClass('open')) {
var open_modal = self.S('[' + self.attr_name() + '].open');
if (typeof modal.data('css-top') === 'undefined') {
modal.data('css-top', parseInt(modal.css('top'), 10))
.data('offset', this.cache_offset(modal));
}
this.key_up_on(modal); // PATCH #3: turning on key up capture only when a reveal window is open
modal.trigger('open').trigger('open.fndtn.reveal');
if (open_modal.length < 1) {
this.toggle_bg(modal, true);
}
if (typeof ajax_settings === 'string') {
ajax_settings = {
url: ajax_settings
};
}
if (typeof ajax_settings === 'undefined' || !ajax_settings.url) {
if (open_modal.length > 0) {
this.hide(open_modal, settings.css.close);
}
this.show(modal, settings.css.open);
} else {
var old_success = typeof ajax_settings.success !== 'undefined' ? ajax_settings.success : null;
$.extend(ajax_settings, {
success: function (data, textStatus, jqXHR) {
if ($.isFunction(old_success)) {
old_success(data, textStatus, jqXHR);
}
modal.html(data);
self.S(modal).foundation('section', 'reflow');
self.S(modal).children().foundation();
if (open_modal.length > 0) {
self.hide(open_modal, settings.css.close);
}
self.show(modal, settings.css.open);
}
});
$.ajax(ajax_settings);
}
}
},
close: function (modal) {
var modal = modal && modal.length ? modal : this.S(this.scope),
open_modals = this.S('[' + this.attr_name() + '].open'),
settings = modal.data(this.attr_name(true) + '-init') || this.settings;
if (open_modals.length > 0) {
this.locked = true;
this.key_up_off(modal); // PATCH #3: turning on key up capture only when a reveal window is open
modal.trigger('close').trigger('close.fndtn.reveal');
this.toggle_bg(modal, false);
this.hide(open_modals, settings.css.close, settings);
}
},
close_targets: function () {
var base = '.' + this.settings.dismiss_modal_class;
if (this.settings.close_on_background_click) {
return base + ', .' + this.settings.bg_class;
}
return base;
},
toggle_bg: function (modal, state) {
if (this.S('.' + this.settings.bg_class).length === 0) {
this.settings.bg = $('', { 'class': this.settings.bg_class })
.appendTo('body').hide();
}
var visible = this.settings.bg.filter(':visible').length > 0;
if (state != visible) {
if (state == undefined ? visible : !state) {
this.hide(this.settings.bg);
} else {
this.show(this.settings.bg);
}
}
},
show: function (el, css) {
// is modal
if (css) {
var settings = el.data(this.attr_name(true) + '-init') || this.settings,
root_element = settings.root_element;
if (el.parent(root_element).length === 0) {
var placeholder = el.wrap('').parent();
el.on('closed.fndtn.reveal.wrapped', function () {
el.detach().appendTo(placeholder);
el.unwrap().unbind('closed.fndtn.reveal.wrapped');
});
el.detach().appendTo(root_element);
}
var animData = getAnimationData(settings.animation);
if (!animData.animate) {
this.locked = false;
}
if (animData.pop) {
css.top = $(window).scrollTop() - el.data('offset') + 'px';
var end_css = {
top: $(window).scrollTop() + el.data('css-top') + 'px',
opacity: 1
};
return setTimeout(function () {
return el
.css(css)
.animate(end_css, settings.animation_speed, 'linear', function () {
this.locked = false;
el.trigger('opened').trigger('opened.fndtn.reveal');
}.bind(this))
.addClass('open');
}.bind(this), settings.animation_speed / 2);
}
if (animData.fade) {
css.top = $(window).scrollTop() + el.data('css-top') + 'px';
var end_css = { opacity: 1 };
return setTimeout(function () {
return el
.css(css)
.animate(end_css, settings.animation_speed, 'linear', function () {
this.locked = false;
el.trigger('opened').trigger('opened.fndtn.reveal');
}.bind(this))
.addClass('open');
}.bind(this), settings.animation_speed / 2);
}
return el.css(css).show().css({ opacity: 1 }).addClass('open').trigger('opened').trigger('opened.fndtn.reveal');
}
var settings = this.settings;
// should we animate the background?
if (getAnimationData(settings.animation).fade) {
return el.fadeIn(settings.animation_speed / 2);
}
this.locked = false;
return el.show();
},
hide: function (el, css) {
// is modal
if (css) {
var settings = el.data(this.attr_name(true) + '-init');
settings = settings || this.settings;
var animData = getAnimationData(settings.animation);
if (!animData.animate) {
this.locked = false;
}
if (animData.pop) {
var end_css = {
top: - $(window).scrollTop() - el.data('offset') + 'px',
opacity: 0
};
return setTimeout(function () {
return el
.animate(end_css, settings.animation_speed, 'linear', function () {
this.locked = false;
el.css(css).trigger('closed').trigger('closed.fndtn.reveal');
}.bind(this))
.removeClass('open');
}.bind(this), settings.animation_speed / 2);
}
if (animData.fade) {
var end_css = { opacity: 0 };
return setTimeout(function () {
return el
.animate(end_css, settings.animation_speed, 'linear', function () {
this.locked = false;
el.css(css).trigger('closed').trigger('closed.fndtn.reveal');
}.bind(this))
.removeClass('open');
}.bind(this), settings.animation_speed / 2);
}
return el.hide().css(css).removeClass('open').trigger('closed').trigger('closed.fndtn.reveal');
}
var settings = this.settings;
// should we animate the background?
if (getAnimationData(settings.animation).fade) {
return el.fadeOut(settings.animation_speed / 2);
}
return el.hide();
},
close_video: function (e) {
var video = $('.flex-video', e.target),
iframe = $('iframe', video);
if (iframe.length > 0) {
iframe.attr('data-src', iframe[0].src);
iframe.attr('src', 'about:blank');
video.hide();
}
},
open_video: function (e) {
var video = $('.flex-video', e.target),
iframe = video.find('iframe');
if (iframe.length > 0) {
var data_src = iframe.attr('data-src');
if (typeof data_src === 'string') {
iframe[0].src = iframe.attr('data-src');
} else {
var src = iframe[0].src;
iframe[0].src = undefined;
iframe[0].src = src;
}
video.show();
}
},
data_attr: function (str) {
if (this.namespace.length > 0) {
return this.namespace + '-' + str;
}
return str;
},
cache_offset: function (modal) {
var offset = modal.show().height() + parseInt(modal.css('top'), 10);
modal.hide();
return offset;
},
off: function () {
$(this.scope).off('.fndtn.reveal');
},
reflow: function () { }
};
/*
* getAnimationData('popAndFade') // {animate: true, pop: true, fade: true}
* getAnimationData('fade') // {animate: true, pop: false, fade: true}
* getAnimationData('pop') // {animate: true, pop: true, fade: false}
* getAnimationData('foo') // {animate: false, pop: false, fade: false}
* getAnimationData(null) // {animate: false, pop: false, fade: false}
*/
function getAnimationData(str) {
var fade = /fade/i.test(str);
var pop = /pop/i.test(str);
return {
animate: fade || pop,
pop: pop,
fade: fade
};
}
}(jQuery, window, window.document));
;
; (function ($, window, document, undefined) {
'use strict';
Foundation.libs.tab = {
name: 'tab',
version: '5.3.1',
settings: {
active_class: 'active',
callback: function () { },
deep_linking: false,
scroll_to_content: true,
is_hover: false
},
default_tab_hashes: [],
init: function (scope, method, options) {
var self = this,
S = this.S;
this.bindings(method, options);
this.handle_location_hash_change();
// Store the default active tabs which will be referenced when the
// location hash is absent, as in the case of navigating the tabs and
// returning to the first viewing via the browser Back button.
S('[' + this.attr_name() + '] > .active > a', this.scope).each(function () {
self.default_tab_hashes.push(this.hash);
});
},
events: function () {
var self = this,
S = this.S;
S(this.scope)
.off('.tab')
// Click event: tab title
.on('click.fndtn.tab', '[' + this.attr_name() + '] > * > a', function (e) {
var settings = S(this).closest('[' + self.attr_name() + ']').data(self.attr_name(true) + '-init');
if (!settings.is_hover || Modernizr.touch) {
e.preventDefault();
e.stopPropagation();
self.toggle_active_tab(S(this).parent());
}
})
// Hover event: tab title
.on('mouseenter.fndtn.tab', '[' + this.attr_name() + '] > * > a', function (e) {
var settings = S(this).closest('[' + self.attr_name() + ']').data(self.attr_name(true) + '-init');
if (settings.is_hover) self.toggle_active_tab(S(this).parent());
});
// Location hash change event
S(window).on('hashchange.fndtn.tab', function (e) {
e.preventDefault();
self.handle_location_hash_change();
});
},
handle_location_hash_change: function () {
var self = this,
S = this.S;
S('[' + this.attr_name() + ']', this.scope).each(function () {
var settings = S(this).data(self.attr_name(true) + '-init');
if (settings.deep_linking) {
// Match the location hash to a label
var hash;
if (settings.scroll_to_content) {
hash = self.scope.location.hash;
} else {
// prefix the hash to prevent anchor scrolling
hash = self.scope.location.hash.replace('fndtn-', '');
}
if (hash != '') {
// Check whether the location hash references a tab content div or
// another element on the page (inside or outside the tab content div)
var hash_element = S(hash);
if (hash_element.hasClass('content') && hash_element.parent().hasClass('tab-content')) {
// Tab content div
self.toggle_active_tab($('[' + self.attr_name() + '] > * > a[href=' + hash + ']').parent());
} else {
// Not the tab content div. If inside the tab content, find the
// containing tab and toggle it as active.
var hash_tab_container_id = hash_element.closest('.content').attr('id');
if (hash_tab_container_id != undefined) {
self.toggle_active_tab($('[' + self.attr_name() + '] > * > a[href=#' + hash_tab_container_id + ']').parent(), hash);
}
}
} else {
// Reference the default tab hashes which were initialized in the init function
for (var ind in self.default_tab_hashes) {
self.toggle_active_tab($('[' + self.attr_name() + '] > * > a[href=' + self.default_tab_hashes[ind] + ']').parent());
}
}
}
});
},
toggle_active_tab: function (tab, location_hash) {
var S = this.S,
tabs = tab.closest('[' + this.attr_name() + ']'),
anchor = tab.children('a').first(),
target_hash = '#' + anchor.attr('href').split('#')[1],
target = S(target_hash),
siblings = tab.siblings(),
settings = tabs.data(this.attr_name(true) + '-init');
// allow usage of data-tab-content attribute instead of href
if (S(this).data(this.data_attr('tab-content'))) {
target_hash = '#' + S(this).data(this.data_attr('tab-content')).split('#')[1];
target = S(target_hash);
}
if (settings.deep_linking) {
if (settings.scroll_to_content) {
// retain current hash to scroll to content
window.location.hash = location_hash || target_hash;
if (location_hash == undefined || location_hash == target_hash) {
tab.parent()[0].scrollIntoView();
} else {
S(target_hash)[0].scrollIntoView();
}
} else {
// prefix the hashes so that the browser doesn't scroll down
if (location_hash != undefined) {
window.location.hash = 'fndtn-' + location_hash.replace('#', '');
} else {
window.location.hash = 'fndtn-' + target_hash.replace('#', '');
}
}
}
// WARNING: The activation and deactivation of the tab content must
// occur after the deep linking in order to properly refresh the browser
// window (notably in Chrome).
tab.addClass(settings.active_class).triggerHandler('opened');
siblings.removeClass(settings.active_class);
target.siblings().removeClass(settings.active_class).end().addClass(settings.active_class);
settings.callback(tab);
target.triggerHandler('toggled', [tab]);
tabs.triggerHandler('toggled', [target]);
},
data_attr: function (str) {
if (this.namespace.length > 0) {
return this.namespace + '-' + str;
}
return str;
},
off: function () { },
reflow: function () { }
};
}(jQuery, window, window.document));;
;(function ($, window, document, undefined) {
'use strict';
Foundation.libs.tooltip = {
name : 'tooltip',
version : '5.3.0',
settings : {
additional_inheritable_classes : [],
tooltip_class : '.tooltip',
append_to: 'body',
touch_close_text: 'Tap To Close',
disable_for_touch: false,
hover_delay: 200,
show_on : 'all',
tip_template : function (selector, content) {
return '' + content + '';
}
},
cache : {},
init : function (scope, method, options) {
Foundation.inherit(this, 'random_str');
this.bindings(method, options);
},
should_show: function (target, tip) {
var settings = $.extend({}, this.settings, this.data_options(target));
if (settings.show_on === 'all') {
return true;
} else if (this.small() && settings.show_on === 'small') {
return true;
} else if (this.medium() && settings.show_on === 'medium') {
return true;
} else if (this.large() && settings.show_on === 'large') {
return true;
}
return false;
},
medium : function () {
return matchMedia(Foundation.media_queries['medium']).matches;
},
large : function () {
return matchMedia(Foundation.media_queries['large']).matches;
},
events : function (instance) {
var self = this,
S = self.S;
self.create(this.S(instance));
$(this.scope)
.off('.tooltip')
.on('mouseenter.fndtn.tooltip mouseleave.fndtn.tooltip touchstart.fndtn.tooltip MSPointerDown.fndtn.tooltip',
'[' + this.attr_name() + ']', function (e) {
var $this = S(this),
settings = $.extend({}, self.settings, self.data_options($this)),
is_touch = false;
if (Modernizr.touch && /touchstart|MSPointerDown/i.test(e.type) && S(e.target).is('a')) {
return false;
}
if (/mouse/i.test(e.type) && self.ie_touch(e)) return false;
if ($this.hasClass('open')) {
if (Modernizr.touch && /touchstart|MSPointerDown/i.test(e.type)) e.preventDefault();
self.hide($this);
} else {
if (settings.disable_for_touch && Modernizr.touch && /touchstart|MSPointerDown/i.test(e.type)) {
return;
} else if(!settings.disable_for_touch && Modernizr.touch && /touchstart|MSPointerDown/i.test(e.type)) {
e.preventDefault();
S(settings.tooltip_class + '.open').hide();
is_touch = true;
}
if (/enter|over/i.test(e.type)) {
this.timer = setTimeout(function () {
var tip = self.showTip($this);
}.bind(this), self.settings.hover_delay);
} else if (e.type === 'mouseout' || e.type === 'mouseleave') {
clearTimeout(this.timer);
self.hide($this);
} else {
self.showTip($this);
}
}
})
.on('mouseleave.fndtn.tooltip touchstart.fndtn.tooltip MSPointerDown.fndtn.tooltip', '[' + this.attr_name() + '].open', function (e) {
if (/mouse/i.test(e.type) && self.ie_touch(e)) return false;
if($(this).data('tooltip-open-event-type') == 'touch' && e.type == 'mouseleave') {
return;
}
else if($(this).data('tooltip-open-event-type') == 'mouse' && /MSPointerDown|touchstart/i.test(e.type)) {
self.convert_to_touch($(this));
} else {
self.hide($(this));
}
})
.on('DOMNodeRemoved DOMAttrModified', '[' + this.attr_name() + ']:not(a)', function (e) {
self.hide(S(this));
});
},
ie_touch : function (e) {
// How do I distinguish between IE11 and Windows Phone 8?????
return false;
},
showTip : function ($target) {
var $tip = this.getTip($target);
if (this.should_show($target, $tip)){
return this.show($target);
}
return;
},
getTip : function ($target) {
var selector = this.selector($target),
settings = $.extend({}, this.settings, this.data_options($target)),
tip = null;
if (selector) {
tip = this.S('span[data-selector="' + selector + '"]' + settings.tooltip_class);
}
return (typeof tip === 'object') ? tip : false;
},
selector : function ($target) {
var id = $target.attr('id'),
dataSelector = $target.attr(this.attr_name()) || $target.attr('data-selector');
if ((id && id.length < 1 || !id) && typeof dataSelector != 'string') {
dataSelector = this.random_str(6);
$target.attr('data-selector', dataSelector);
}
return (id && id.length > 0) ? id : dataSelector;
},
create : function ($target) {
var self = this,
settings = $.extend({}, this.settings, this.data_options($target)),
tip_template = this.settings.tip_template;
if (typeof settings.tip_template === 'string' && window.hasOwnProperty(settings.tip_template)) {
tip_template = window[settings.tip_template];
}
var $tip = $(tip_template(this.selector($target), $('').html($target.attr('title')).html())),
classes = this.inheritable_classes($target);
$tip.addClass(classes).appendTo(settings.append_to);
if (Modernizr.touch) {
$tip.append(''+settings.touch_close_text+'');
$tip.on('touchstart.fndtn.tooltip MSPointerDown.fndtn.tooltip', function(e) {
self.hide($target);
});
}
$target.removeAttr('title').attr('title','');
},
reposition : function (target, tip, classes) {
var width, nub, nubHeight, nubWidth, column, objPos;
tip.css('visibility', 'hidden').show();
width = target.data('width');
nub = tip.children('.nub');
nubHeight = nub.outerHeight();
nubWidth = nub.outerHeight();
if (this.small()) {
tip.css({'width' : '100%' });
} else {
tip.css({'width' : (width) ? width : 'auto'});
}
objPos = function (obj, top, right, bottom, left, width) {
return obj.css({
'top' : (top) ? top : 'auto',
'bottom' : (bottom) ? bottom : 'auto',
'left' : (left) ? left : 'auto',
'right' : (right) ? right : 'auto'
}).end();
};
objPos(tip, (target.offset().top + target.outerHeight() + 10), 'auto', 'auto', target.offset().left);
if (this.small()) {
objPos(tip, (target.offset().top + target.outerHeight() + 10), 'auto', 'auto', 12.5, $(this.scope).width());
tip.addClass('tip-override');
objPos(nub, -nubHeight, 'auto', 'auto', target.offset().left);
} else {
var left = target.offset().left;
if (Foundation.rtl) {
nub.addClass('rtl');
left = target.offset().left + target.outerWidth() - tip.outerWidth();
}
objPos(tip, (target.offset().top + target.outerHeight() + 10), 'auto', 'auto', left);
tip.removeClass('tip-override');
if (classes && classes.indexOf('tip-top') > -1) {
if (Foundation.rtl) nub.addClass('rtl');
objPos(tip, (target.offset().top - tip.outerHeight()), 'auto', 'auto', left)
.removeClass('tip-override');
} else if (classes && classes.indexOf('tip-left') > -1) {
objPos(tip, (target.offset().top + (target.outerHeight() / 2) - (tip.outerHeight() / 2)), 'auto', 'auto', (target.offset().left - tip.outerWidth() - nubHeight))
.removeClass('tip-override');
nub.removeClass('rtl');
} else if (classes && classes.indexOf('tip-right') > -1) {
objPos(tip, (target.offset().top + (target.outerHeight() / 2) - (tip.outerHeight() / 2)), 'auto', 'auto', (target.offset().left + target.outerWidth() + nubHeight))
.removeClass('tip-override');
nub.removeClass('rtl');
}
}
tip.css('visibility', 'visible').hide();
},
small : function () {
return matchMedia(Foundation.media_queries.small).matches &&
!matchMedia(Foundation.media_queries.medium).matches;
},
inheritable_classes : function ($target) {
var settings = $.extend({}, this.settings, this.data_options($target)),
inheritables = ['tip-top', 'tip-left', 'tip-bottom', 'tip-right', 'radius', 'round'].concat(settings.additional_inheritable_classes),
classes = $target.attr('class'),
filtered = classes ? $.map(classes.split(' '), function (el, i) {
if ($.inArray(el, inheritables) !== -1) {
return el;
}
}).join(' ') : '';
return $.trim(filtered);
},
convert_to_touch : function($target) {
var self = this,
$tip = self.getTip($target),
settings = $.extend({}, self.settings, self.data_options($target));
if ($tip.find('.tap-to-close').length === 0) {
$tip.append(''+settings.touch_close_text+'');
$tip.on('click.fndtn.tooltip.tapclose touchstart.fndtn.tooltip.tapclose MSPointerDown.fndtn.tooltip.tapclose', function(e) {
self.hide($target);
});
}
$target.data('tooltip-open-event-type', 'touch');
},
show : function ($target) {
var $tip = this.getTip($target);
if ($target.data('tooltip-open-event-type') == 'touch') {
this.convert_to_touch($target);
}
this.reposition($target, $tip, $target.attr('class'));
$target.addClass('open');
$tip.fadeIn(150);
},
hide : function ($target) {
var $tip = this.getTip($target);
$tip.fadeOut(150, function() {
$tip.find('.tap-to-close').remove();
$tip.off('click.fndtn.tooltip.tapclose touchstart.fndtn.tooltip.tapclose MSPointerDown.fndtn.tapclose');
$target.removeClass('open');
});
},
off : function () {
var self = this;
this.S(this.scope).off('.fndtn.tooltip');
this.S(this.settings.tooltip_class).each(function (i) {
$('[' + self.attr_name() + ']').eq(i).attr('title', $(this).text());
}).remove();
},
reflow : function () {}
};
}(jQuery, window, window.document));
;
(function ($) {
$.fn.mqClass = function () {
var elem = this;
var init = function (elem) {
elem.each(function () {
var dataSmall = $(this).attr("data-mq-class-small");
var dataMedium = $(this).attr("data-mq-class-medium");
var dataLarge = $(this).attr("data-mq-class-large");
if (matchMedia(Foundation.media_queries.smallOnly).matches) {
if (dataSmall !== undefined && dataSmall.length > 0) {
// Remove specific classes that don't match current breakpoint
$(this).removeClass(dataMedium);
$(this).removeClass(dataLarge);
// Add classes asked for the current breakpoint
if (!$(this).hasClass(dataSmall))
$(this).addClass(dataSmall);
}
}
if (matchMedia(Foundation.media_queries.mediumOnly).matches) {
if (dataMedium !== undefined && dataMedium.length > 0) {
// Remove specific classes that don't match current breakpoint
$(this).removeClass(dataSmall);
$(this).removeClass(dataLarge);
// Add classes asked for the current breakpoint
if (!$(this).hasClass(dataMedium))
$(this).addClass(dataMedium);
}
}
if ((matchMedia(Foundation.media_queries.large).matches) || (matchMedia(Foundation.media_queries.largeOnly).matches) || (matchMedia(Foundation.media_queries.xlarge).matches) || (matchMedia(Foundation.media_queries.xxlarge).matches)) {
// Remove specific classes that don't match current breakpoint
$(this).removeClass(dataSmall);
$(this).removeClass(dataMedium);
// Add classes asked for the current breakpoint
if (dataLarge !== undefined && dataLarge.length > 0) {
if (!$(this).hasClass(dataLarge))
$(this).addClass(dataLarge);
}
}
});
return elem;
};
init(elem);
};
}(jQuery));
// Usage example:
// ...
// $(".has-mq-class").showLinkLocation();
//
// Result:
// the div is added the class "has-dropdown" only if the page matches the "medium" breakpoints
// ...
;
; (function ($, window, document, undefined) {
'use strict';
Foundation.libs.contentoverlay = {
name: 'contentoverlay',
version: '1.0.0',
settings: {
id: 'content-overlay',
overlay: $('#content-overlay'),
callback: function () { }
},
timer: 0,
is_active: function (obj) {
return (obj.length !== 0 && obj.css("display") !== "none");
},
init: function (scope, method, options) {
Foundation.inherit(this,'');
var self = this;
// Création de l'élément HTML de l'overlay
if (self.S("#" + this.settings.id).length === 0)
self.S("#main-content", this.scope).append("");
this.bindings(method, options);
},
show: function () {
this.S("#" + this.settings.id).show();
},
hide: function () {
//if (this.is_active(this.S("#" + this.settings.id)) === true) {
this.S("#" + this.settings.id).hide();
//}
},
events: function () {
var self = this,
S = this.S;
},
reflow: function () { }
};
}(jQuery, this, this.document));
;
; (function ($, window, document, undefined) {
'use strict';
// nom de librairie à modifier
Foundation.libs.toggle = {
name: 'toggle',
version: '1.0.0',
settings: {
active_class: "toggled",
callback: function () { }
},
init: function (scope, method, options) {
// initialisation à conserver
//Foundation.inherit(this, '');
//var self = this;
// à conserver
this.bindings(method, options);
},
events: function () {
var self = this;
var S = this.S;
$(this.scope)
.off('.fndtn.toggle')
.on('click.fndtn.toggle', '[' + self.attr_name() + ']', function (event) {
var declencheur = S(this).closest('[' + self.attr_name() + ']');
var target = S('.' + declencheur.attr(self.attr_name()));
if (declencheur.data("toggle-type") == "radio"
|| declencheur.data("toggle-type") == "checkbox") {
// Dans le cas d'un comportement de type "RADIO", si on coche un bouton, il faut "désactiver tous les autres...
if (declencheur.data("toggle-type") == "radio") {
var name = declencheur.attr("name");
var others = S('input[name = "' + name + '"]', self.scope).not(declencheur);
var otherTarget;
others.each(function () {
//$(this).removeAttr("checked");
$("." + $(this).attr("data-toggle")).removeClass(self.settings.active_class);
});
}
// Attention, à cet endroit, on a l'état de la checkbox ou du radio AVANT click (l'élément changera d'état à la fin de cette méthode)
if (declencheur.attr("checked") == "checked" && declencheur.data("toggle-type") == "checkbox")
{
// Toggle des éléments cibles
target.removeClass(self.settings.active_class);
// Toggle du déclencheur
declencheur.removeClass(self.settings.active_class);
}
else {
// Toggle des éléments cibles
target.removeClass(self.settings.active_class);
target.addClass(self.settings.active_class);
// Toggle du déclencheur
declencheur.removeClass(self.settings.active_class);
declencheur.addClass(self.settings.active_class);
}
}
else {
event.preventDefault();
// Toggle des éléments cibles
target.toggleClass(self.settings.active_class);
// Toggle du déclencheur
declencheur.toggleClass(self.settings.active_class);
}
// Mise à jour de l'intitulé du déclencheur
if (declencheur.hasClass(self.settings.active_class))
{
if (typeof(declencheur.attr("data-on-value")) != "undefined") {
declencheur[0].innerHTML = declencheur.attr("data-on-value");
}
}
else
{
if (typeof(declencheur.attr("data-off-value")) != "undefined") {
declencheur[0].innerHTML = declencheur.attr("data-off-value");
}
}
// On soulève un event pour pouvoir étendre le comportement par défaut
target.triggerHandler('toggled', [declencheur]);
declencheur.triggerHandler('toggled', [target]);
})
;
},
reflow: function () { }
};
}(jQuery, window, window.document));
;
; (function ($, window, document, undefined) {
'use strict';
// nom de librairie à modifier
Foundation.libs.scroll = {
name: 'scroll',
version: '1.0.0',
settings: {
active_class: "fixed",
custom_offset: -40, // Décalage pour prendre en compte la hauteur du header sticky qui cacherait l'élément sur lequel on demande à scroller
callback: function () { }
},
init: function (scope, method, options) {
// initialisation à conserver
//Foundation.inherit(this, '');
//var self = this;
let _this = this;
var scrollBtn = $('.scrollToTop');
if (window.matchMedia(Foundation.media_queries.large).matches) {
$(window).scroll(function () {
if ($(this).scrollTop() > 150) {
scrollBtn.fadeIn();
} else {
scrollBtn.fadeOut();
}
});
scrollBtn.click(function (event) {
event.preventDefault();
$('body,html').animate({ scrollTop: 0 }, 800);
return false;
});
}
if (window.matchMedia(Foundation.media_queries.smallOnly).matches) {
let $header = $('#main-header');
let headerHeight = $header.outerHeight();
console.log(_this);
$(window).scroll(function () {
if ($(this).scrollTop() > headerHeight) {
$header.addClass(_this.settings.active_class);
} else {
$header.removeClass(_this.settings.active_class);
}
});
}
// à conserver
this.bindings(method, options);
},
events: function () {
var self = this;
var S = this.S;
},
moveTo: function (target) {
var topY = 0;
if (target.length > 0) {
var coord = target.offset();
topY = coord.top + this.settings.custom_offset;
}
$('body,html').animate({ scrollTop: topY }, 800);
},
moveToTop: function () {
$('body,html').animate({ scrollTop: 0 }, 800);
},
moveUntilVisible: function(element) {
var offset = element.offset().top - $(window).scrollTop();
if (offset > window.innerHeight || offset < window.innerHeight) {
$('body,html').animate({ scrollTop: offset }, 800);
}
},
reflow: function () { }
};
}(jQuery, window, window.document));
;
; (function ($, window, document, undefined) {
'use strict';
// nom de librairie à modifier
Foundation.libs.mastertag = {
name: 'mastertag',
version: '1.0.0',
settings: {
trigger: '', // 'click' ou 'autopromo'
event: '', // 'C' ou 'autopromo_click'
type: '', // 'N'=Navigation, 'S'=Sortie, 'A'=Action, 'T'=Téléchargement
level: '', // N° de site de Niveau 2 AT Internet
label: '', // Chapitrage AT Internet avec notation chapitre::sous_chapitre::clic
name: '', // Libellé de l'event
product_size: '', // Taille du produit
product_engraving: '', // '0'=Pas de gravure, '1'=Avec Gravure
product_add_type: '', // 'classique', 'catalogue', 'mixte' => Type d'ajout au panier
completeCallback: function (request, status) { }
},
init: function (scope, method, options) {
// initialisation à conserver
//Foundation.inherit(this, '');
//var self = this;
this.settings = this.settings || $.extend({}, this.defaults, (options || method));
// à conserver
this.bindings(method, options);
},
// Méthode globale
track_event: function (obj, trigger, options) {
if (tC && tC.event) {
switch (trigger) {
case "clic_zdm":
if (typeof tC.event.clic_zdm === "function") {
tC.event.clic_zdm(this, options);
}
break;
case "identification":
if (typeof tC.event.identification === "function") {
tC.event.identification(this, options);
}
break;
case "login":
if (typeof tC.event.login === "function") {
tC.event.login(this, options);
}
break;
case "inscription_newsletter": // non existant pour la partie formulaire
if (typeof tC.event.inscription_newsletter === "function") {
tC.event.inscription_newsletter(this, options);
}
break;
case "clic_guide_tailles": // non existant
if (typeof tC.event.clic_guide_tailles === "function") {
tC.event.clic_guide_tailles(this, options);
}
break;
case "clic_favoris":
if (typeof tC.event.clic_favoris === "function") {
tC.event.clic_favoris(this, options);
}
break;
case "contact": // non existant
if (typeof tC.event.contact === "function") {
tC.event.contact(this, options);
}
break;
case "clic_carrousel":
if (typeof tC.event.clic_carrousel === "function") {
tC.event.clic_carrousel(this, options);
}
break;
case "clic_meilleures_ventes":
if (typeof tC.event.clic_meilleures_ventes === "function") {
tC.event.clic_meilleures_ventes(this, options);
}
break;
case "cross_sell":
if (typeof tC.event.cross_sell === "function") {
tC.event.cross_sell(this, options);
}
break;
case "must_have":
if (typeof tC.event.must_have === "function") {
tC.event.must_have(this, options);
}
break;
case "derniers_articles_vus":
if (typeof tC.event.derniers_articles_vus === "function") {
tC.event.derniers_articles_vus(this, options);
}
break;
case "suppression_produit":
if (typeof tC.event.suppression_produit === "function") {
tC.event.suppression_produit(this, options);
}
break;
case "emballage_cadeau":
if (typeof tC.event.emballage_cadeau === "function") {
tC.event.emballage_cadeau(this, options);
}
break;
case "up_sell":
if (typeof tC.event.up_sell === "function") {
tC.event.up_sell(this, options);
}
break;
case "ajout_produit":
if (typeof tC.event.ajout_produit === "function") {
tC.event.ajout_produit(this, options);
}
break;
case "ajout_panier":
if (typeof tC.event.ajout_panier === "function") {
tC.event.ajout_panier(this, options);
}
break;
case "onglet_fp":
if (typeof tC.event.onglet_fp === "function") {
tC.event.onglet_fp(this, options);
}
break;
case "fil_d_ariane":
if (typeof tC.event.fil_d_ariane === "function") {
tC.event.fil_d_ariane(this, options);
}
break;
case "saisie_gravure":
if (typeof tC.event.saisie_gravure === "function") {
tC.event.saisie_gravure(this, options);
}
break;
case "validation_gravure":
if (typeof tC.event.validation_gravure === "function") {
tC.event.validation_gravure(this, options);
}
break;
case "footer":
if (typeof tC.event.footer === "function") {
tC.event.footer(this, options);
}
break;
case "e_reservation":
if (typeof tC.event.e_reservation === "function") {
tC.event.e_reservation(this, options);
}
break;
case "clic_menu":
if (typeof tC.event.clic_menu === "function") {
tC.event.clic_menu(this, options);
}
break;
case "search":
if (typeof tC.event.search === "function") {
tC.event.search(this, options);
}
break;
case "decouvrez_aussi":
if (typeof tC.event.decouvrez_aussi === "function") {
tC.event.decouvrez_aussi(this, options);
}
break;
case "catalogue_hp":
if (typeof tC.event.catalogue_hp === "function") {
tC.event.catalogue_hp(this, options);
}
break;
case "promotion":
if (typeof tC.event.promotion === "function") {
tC.event.promotion(this, options);
}
break;
case "offre_du_moment":
if (typeof tC.event.offre_du_moment === "function") {
tC.event.offre_du_moment(this, options);
}
break;
case "opt_in":
if (typeof tC.event.opt_in === "function") {
tC.event.opt_in(this, options);
}
break;
default: break;
}
}
// TODO : à supprimer une fois tous les appels réécris
if (typeof (tc_events_1) != "undefined") {
tc_events_1(obj, trigger, options);
}
if (typeof (tc_events_3) != "undefined") {
tc_events_3(obj, trigger, options);
}
else if (typeof (tc_events_5) != "undefined") {
tc_events_5(obj, trigger, options);
}
if (typeof (tc_vars) != "undefined") {
if (tc_vars['env_work'] != 'PRODUCTION') {
console.log("track_event : '" + trigger + "' // options = " + JSON.stringify(options));
}
}
},
// Méthode de lancement d'événement Tag Commander à appeler depuis les autes librairies JS
// $(document).foundation('mastertag', 'track_tc_event', data);
// "data" doit être de la forme suivante :
// {
// obj: this, // élément du dom déclencheur de l'action
// trigger: 'add_to_cart_confirmed', // nom de l'événement dans TagCommander
// options: { prop1: 'val1', prop2: 'val2'} // valeurs complémentaires n'étant pas accessibles depuis tc_vars
// }
track_tc_event: function (data) {
this.track_event(data.obj, data.trigger, data.options);
},
track_action: function (data) {
if (tc_vars['env_work'] != 'PRODUCTION') {
console.log('** EVENT OBSOLETE ** : méthode "track_action" est obsolète : utiliser la méthode track_tc_event à la place.');
console.log(data);
}
},
trackIdentificationClient: function (action) {
if (tc_vars['env_work'] != 'PRODUCTION') {
console.log('** EVENT OBSOLETE ** : méthode "trackIdentificationClient" est obsolète : utiliser la méthode track_tc_event à la place.');
console.log(action);
}
},
trackAddToCart: function (infos) {
var options = {
category: infos.category,
action: tc_vars.order_last_product_added.product_category,
label: tc_vars.order_last_product_added.product_name + ' - ' + tc_vars.order_last_product_added.product_id,
value: tc_vars.order_last_product_added.product_unitprice_ati,
product_cat1: tc_vars.order_last_product_added.product_cat1,
product_cat2: tc_vars.order_last_product_added.product_cat2,
product_cat3: tc_vars.order_last_product_added.product_cat3,
product_category: tc_vars.order_last_product_added.product_category,
product_currency: tc_vars.order_last_product_added.product_currency,
product_discount_tf: tc_vars.order_last_product_added.product_discount_tf,
product_discount_ati: tc_vars.order_last_product_added.product_discount_ati,
product_engraving: tc_vars.order_last_product_added.product_engraving,
product_gravable: tc_vars.order_last_product_added.product_gravable,
product_id: tc_vars.order_last_product_added.product_id,
product_name: tc_vars.order_last_product_added.product_name,
product_promo: tc_vars.order_last_product_added.product_promo,
product_promo_label: tc_vars.order_last_product_added.product_promo_label,
product_quantity: tc_vars.order_last_product_added.product_quantity,
product_rating: tc_vars.order_last_product_added.product_rating,
product_size: tc_vars.order_last_product_added.product_size,
product_trademark: tc_vars.order_last_product_added.product_trademark,
product_unitprice_ati: tc_vars.order_last_product_added.product_unitprice_ati,
product_unitprice_tf: tc_vars.order_last_product_added.product_unitprice_tf
};
this.track_event(this, infos.trigger, options);
},
events: function () {
var self = this;
var S = this.S;
$(this.scope)
.off('.fndtn.mastertag')
.on('click.fndtn.mastertag', '[' + self.attr_name() + ']', function (evt) {
self.settings = $.extend({}, self.defaults, self.data_options($(this)));
// TODO : rechercher chaque data-trigger et analyser si encore besoin ! Idem à l'intérieur de autopromo
var trigger = $(this).data('trigger');
switch(trigger)
{
case "out-social":
var opt = {
event: 'S',
level: '52',
label: self.settings['page_zone'] + "::" + 'social_network::' + self.settings['platform'],
name: self.settings['platform']
};
self.track_event(this, 'click', opt);
break;
case "out-game":
var opt = {
event: 'S',
level: '43', //jeu
label: self.settings['page_zone'] + "::" + self.settings['target_label'],
name: self.settings['target_name']
};
self.track_event(this, 'click', opt);
break;
case "download":
var opt = {
event: 'T',
label: self.settings['label']
};
self.track_event(this, 'click', opt);
break;
case "share":
if (typeof (tc_vars) != "undefined") {
var opt = {
event: 'A',
level: '52',
label: 'social_share::' + self.settings['platform'] + '::' + tc_vars['page_name'],
name: self.settings['platform']
};
self.track_event(this, 'click', opt);
}
break;
case "autopromo":
if (typeof (tc_vars) != "undefined") {
var evt_opt = {
event: 'autopromo_click',
format: '',
produit: '',
xtapx: 0
};
var action_type = self.settings['action_type'];
if (typeof (action_type) != "undefined")
{
switch (action_type) {
// Homepage
case 'homeCarousel':
evt_opt['xtapx'] = '1';
if (typeof (self.settings['action_name']) != 'undefined')
evt_opt['format'] = self.settings['action_name'].replace(new RegExp(" ", 'g'), '_').toLowerCase();
self.track_event(this, 'autopromo', evt_opt);
break;
case 'homeProduct':
evt_opt = {
category: 'meilleures ventes',
action: self.settings['product_name'] + ' - ' + self.settings['product_id'].replace(new RegExp("'", 'g'), ''),
label: $(this).attr("href"),
value: self.settings['product_value']
};
self.track_event(this, 'clic_meilleures_ventes', evt_opt);
break;
case 'homeEditorial':
evt_opt['xtapx'] = '3';
if (typeof (self.settings['action_name']) != 'undefined')
evt_opt['format'] = self.settings['action_name'].replace(new RegExp(" ", 'g'), '_').toLowerCase();
self.track_event(this, 'autopromo', evt_opt);
break;
// Fiche produit
case 'productSuggestion':
evt_opt['xtapx'] = '7';
if (typeof (self.settings['product_id']) != 'undefined')
evt_opt['produit'] = self.settings['product_id'].replace(new RegExp("'", 'g'), ''); // Si on n'ajoute pas d'apostrophes, la référence perd le zéro inital après appel de la fonction data_options() de foundation
self.track_event(this, 'autopromo', evt_opt);
break;
case 'productLook':
evt_opt['xtapx'] = '8';
if (typeof (self.settings['product_id']) != 'undefined')
evt_opt['produit'] = self.settings['product_id'].replace(new RegExp("'", 'g'), ''); // Si on n'ajoute pas d'apostrophes, la référence perd le zéro inital après appel de la fonction data_options() de foundation
self.track_event(this, 'autopromo', evt_opt);
break;
// Montres de marques
case 'mdmCarrousel':
evt_opt['xtapx'] = '4';
if (typeof (self.settings['action_name']) != 'undefined')
evt_opt['format'] = self.settings['action_name'].replace(new RegExp(" ", 'g'), '_').toLowerCase();
self.track_event(this, 'autopromo', evt_opt);
break;
case 'mdmProductNew':
evt_opt['xtapx'] = '5';
if (typeof (self.settings['product_id']) != 'undefined')
evt_opt['produit'] = self.settings['product_id'].replace(new RegExp("'", 'g'), ''); // Si on n'ajoute pas d'apostrophes, la référence perd le zéro inital après appel de la fonction data_options() de foundation
self.track_event(this, 'autopromo', evt_opt);
break;
case 'mdmProductBest':
evt_opt['xtapx'] = '6';
if (typeof (self.settings['product_id']) != 'undefined')
evt_opt['produit'] = self.settings['product_id'].replace(new RegExp("'", 'g'), ''); // Si on n'ajoute pas d'apostrophes, la référence perd le zéro inital après appel de la fonction data_options() de foundation
self.track_event(this, 'autopromo', evt_opt);
break;
}
}
}
break;
case "payment-mode":
evt_opt = {
category: 'footer',
action: 'paiement',
label: $(this).attr("href")
};
self.track_event(this, 'footer', evt_opt);
break;
case "shipping-mode":
evt_opt = {
category: 'footer',
action: 'livraison',
label: $(this).attr("href")
};
self.track_event(this, 'footer', evt_opt);
break;
case "condition-site":
evt_opt = {
category: 'footer',
action: 'conditions site',
label: $(this).attr("href")
};
self.track_event(this, 'footer', evt_opt);
break;
case "reassurance":
evt_opt = {
category: 'footer',
action: 'réassurance',
label: $(this).attr("href")
};
self.track_event(this, 'footer', evt_opt);
break;
case "produit-onglet":
evt_opt = {
category: 'onglet fiche produit',
action: self.settings['target_name']
};
self.track_event(this, 'onglet_fp', evt_opt);
break;
case "breadcrumb":
evt_opt = {
category: "fil d'ariane",
action: $(this).attr("href")
};
if (evt_opt.action != '#') {
self.track_event(this, 'fil_d_ariane', evt_opt);
}
break;
case "produit-gravure":
evt_opt = {
category: 'gravure',
action: 'saisie gravure',
label: tc_vars.product_name + ' - ' + tc_vars.product_id,
value: tc_vars.product_unitprice_ati
};
self.track_event(this, 'saisie_gravure', evt_opt);
break;
case "panier-gravure":
evt_opt = {
category: 'gravure',
action: 'saisie gravure',
label: self.settings['item_title'] + ' - ' + self.settings['item_id'].replace(new RegExp("'", 'g'), ''), // Si on n'ajoute pas d'apostrophes, la référence perd le zéro inital après appel de la fonction data_options() de foundation,
value: self.settings['item_price']
};
self.track_event(this, 'saisie_gravure', evt_opt);
break;
}
})
;
},
reflow: function () { }
};
}(jQuery, window, window.document));
;
; (function ($, window, document, undefined) {
'use strict';
// nom de librairie à modifier
Foundation.libs.hiturl = {
name: 'hiturl',
version: '1.0.0',
settings: {
completeCallback: function (request, status) { }
},
init: function (scope, method, options) {
// initialisation à conserver
//Foundation.inherit(this, '');
//var self = this;
// à conserver
this.bindings(method, options);
},
events: function () {
var self = this;
var S = this.S;
$(this.scope)
.off('.fndtn.hiturl')
.on('click.fndtn.hiturl', '[' + self.attr_name() + ']', function (event) {
var declencheur = S(this).closest('[' + self.attr_name() + ']');
//console.log('urlToHit : Debut');
event.preventDefault();
var urlToHit = declencheur.attr("data-hiturl");
$.ajax({
url: urlToHit,
timeout: 5,
complete: function (request, status) {
self.settings.completeCallback(request, status);
var urlHref = declencheur.attr("href");
if (urlHref.length !== 0)
window.location.href = declencheur.attr("href");
declencheur.triggerHandler('hiturl');
}
});
});
},
reflow: function () { }
};
}(jQuery, window, window.document));
;
;(function ($, window, document, undefined) {
'use strict';
Foundation.libs.tab = {
name : 'tab',
version : '5.3.0',
settings : {
active_class: 'active',
callback : function () {},
deep_linking: false,
scroll_to_content: false,
is_hover: false
},
default_tab_hashes: [],
init : function (scope, method, options) {
var self = this,
S = this.S;
this.bindings(method, options);
this.handle_location_hash_change();
// Store the default active tabs which will be referenced when the
// location hash is absent, as in the case of navigating the tabs and
// returning to the first viewing via the browser Back button.
S('[' + this.attr_name() + '] > .active > a', this.scope).each(function () {
self.default_tab_hashes.push(this.hash);
});
},
events : function () {
var self = this,
S = this.S;
S(this.scope)
.off('.tab')
// Click event: tab title
.on('click.fndtn.tab', '[' + this.attr_name() + '] > * > a', function (e) {
var settings = S(this).closest('[' + self.attr_name() +']').data(self.attr_name(true) + '-init');
if (!settings.is_hover || Modernizr.touch) {
e.preventDefault();
e.stopPropagation();
// prise en compte de la classe disabled
// comportement non pr�sent nativement dans cette librairie
if (S(this).parent().hasClass('disabled'))
return;
self.toggle_active_tab(S(this).parent());
}
})
// Hover event: tab title
.on('mouseenter.fndtn.tab', '[' + this.attr_name() + '] > * > a', function (e) {
var settings = S(this).closest('[' + self.attr_name() +']').data(self.attr_name(true) + '-init');
if (settings.is_hover) self.toggle_active_tab(S(this).parent());
});
// Location hash change event
S(window).on('hashchange.fndtn.tab', function (e) {
e.preventDefault();
self.handle_location_hash_change();
});
},
handle_location_hash_change : function () {
var self = this,
S = this.S;
S('[' + this.attr_name() + ']', this.scope).each(function () {
var settings = S(this).data(self.attr_name(true) + '-init');
if (settings.deep_linking) {
// Match the location hash to a label
var hash = self.scope.location.hash;
if (hash != '') {
// Check whether the location hash references a tab content div or
// another element on the page (inside or outside the tab content div)
var hash_element = S(hash);
if (hash_element.hasClass('content') && hash_element.parent().hasClass('tab-content')) {
// Tab content div
self.toggle_active_tab($('[' + self.attr_name() + '] > * > a[href=' + hash + ']').parent());
} else {
// Not the tab content div. If inside the tab content, find the
// containing tab and toggle it as active.
var hash_tab_container_id = hash_element.closest('.content').attr('id');
if (hash_tab_container_id != undefined) {
self.toggle_active_tab($('[' + self.attr_name() + '] > * > a[href=#' + hash_tab_container_id + ']').parent(), hash);
}
}
} else {
// Reference the default tab hashes which were initialized in the init function
for (var ind in self.default_tab_hashes) {
self.toggle_active_tab($('[' + self.attr_name() + '] > * > a[href=' + self.default_tab_hashes[ind] + ']').parent());
}
}
}
});
},
toggle_active_tab: function (tab, location_hash) {
var S = this.S,
tabs = tab.closest('[' + this.attr_name() + ']'),
anchor = tab.children('a').first(),
target_hash = '#' + anchor.attr('href').split('#')[1],
target = S(target_hash),
siblings = tab.siblings(),
settings = tabs.data(this.attr_name(true) + '-init');
// allow usage of data-tab-content attribute instead of href
if (S(this).data(this.data_attr('tab-content'))) {
target_hash = '#' + S(this).data(this.data_attr('tab-content')).split('#')[1];
target = S(target_hash);
}
if (settings.deep_linking) {
// Get the scroll Y position prior to moving to the hash ID
var cur_ypos = $('body,html').scrollTop();
// Update the location hash to preserve browser history
// Note that the hash does not need to correspond to the
// tab content ID anchor; it can be an ID inside or outside of the tab
// content div.
if (location_hash != undefined) {
window.location.hash = location_hash;
} else {
window.location.hash = target_hash;
}
if (settings.scroll_to_content) {
// If the user is requesting the content of a tab, then scroll to the
// top of the title area; otherwise, scroll to the element within
// the content area as defined by the hash value.
if (location_hash == undefined || location_hash == target_hash) {
tab.parent()[0].scrollIntoView();
} else {
S(target_hash)[0].scrollIntoView();
}
} else {
// Adjust the scrollbar to the Y position prior to setting the hash
// Only do this for the tab content anchor, otherwise there will be
// conflicts with in-tab anchor links nested in the tab-content div
if (location_hash == undefined || location_hash == target_hash) {
$('body,html').scrollTop(cur_ypos);
}
}
}
// WARNING: The activation and deactivation of the tab content must
// occur after the deep linking in order to properly refresh the browser
// window (notably in Chrome).
tab.addClass(settings.active_class).triggerHandler('opened');
siblings.removeClass(settings.active_class);
target.siblings().removeClass(settings.active_class).end().addClass(settings.active_class);
settings.callback(tab);
target.triggerHandler('toggled', [tab]);
tabs.triggerHandler('toggled', [target]);
},
data_attr: function (str) {
if (this.namespace.length > 0) {
return this.namespace + '-' + str;
}
return str;
},
off : function () {},
reflow : function () {}
};
}(jQuery, window, window.document));
;
;(function ($, window, document, undefined) {
'use strict';
Foundation.libs.accordion = {
name : 'accordion',
version : '5.3.0',
settings : {
active_class: 'active',
multi_expand: false,
toggleable: true,
callback : function () {}
},
init : function (scope, method, options) {
this.bindings(method, options);
},
events : function () {
var self = this;
var S = this.S;
S(this.scope)
.off('.fndtn.accordion')
.on('click.fndtn.accordion', '[' + this.attr_name() + '] > dd > a, [' + this.attr_name() + '] > dd > h2 > a', function (e) {
e.preventDefault();
e.stopPropagation();
// prise en compte de la classe disabled
// comportement non pr�sent nativement dans cette librairie
if (S(this).parent().hasClass('disabled'))
return;
var accordion = S(this).closest('[' + self.attr_name() + ']'),
target = S('#' + this.href.split('#')[1]),
siblings = S('dd > .content', accordion),
aunts = $('dd', accordion),
groupSelector = self.attr_name() + '=' + accordion.attr(self.attr_name()),
settings = accordion.data(self.attr_name(true) + '-init'),
active_content = S('dd > .content.' + ((typeof (settings) != "undefined" && typeof(settings.active_class)) ? settings.active_class : "active"), accordion);
if (accordion.attr(self.attr_name())) {
siblings = siblings.add('[' + groupSelector + '] dd > .content');
aunts = aunts.add('[' + groupSelector + '] dd');
}
if (settings.toggleable && target.is(active_content)) {
target.parent('dd').toggleClass(settings.active_class, false);
target.toggleClass(settings.active_class, false);
settings.callback(target);
target.triggerHandler('toggled', [accordion]);
accordion.triggerHandler('toggled', [target]);
return;
}
if (!settings.multi_expand) {
siblings.removeClass(settings.active_class);
aunts.removeClass(settings.active_class);
}
target.addClass(settings.active_class).parent().addClass(settings.active_class);
settings.callback(target);
target.triggerHandler('toggled', [accordion]);
accordion.triggerHandler('toggled', [target]);
});
},
off : function () {},
reflow : function () {}
};
}(jQuery, window, window.document));
;
; (function ($, window, document, undefined) {
'use strict';
// nom de librairie à modifier
Foundation.libs.navigation = {
name: 'navigation',
version: '1.0.0',
settings: {
callback: function () { }
},
init: function (scope, method, options) {
// initialisation à conserver
Foundation.inherit(this, '');
var self = this;
// à conserver
this.bindings(method, options);
},
events: function () {
// initialisation pratique à conserver
var self = this;
var S = this.S;
// votre code ici
this.initBindings();
},
initBindings: function () {
$(this.scope)
.off('navigation')
.on('click.fndtn.navigation', '[' + this.attr_name() + '] a.niveau-link', function (e) {
const event = {
obj: e.currentTarget,
trigger: 'clic_menu',
options: {
category: "clic menu",
action: $(e.currentTarget).data("event-action"),
label: $(e.currentTarget).data("event-label")
}
};
$(document).foundation('mastertag', 'track_tc_event', event);
}.bind(this));
},
reflow: function () { }
};
}(jQuery, this, this.document));;
Foundation.utils.register_media('smallOnly', 'foundation-mq-small-only');
Foundation.utils.register_media('mediumOnly', 'foundation-mq-medium-only');
Foundation.utils.register_media('largeOnly', 'foundation-mq-large-only');
var topbarMegamenuTimer = null;
$(document).ready(function () {
$(".has-mq-class").mqClass();
$(document).foundation();
//$(document).foundation('topbar', 'init');
$(window).on('resize', Foundation.utils.throttle(function () {
$(".has-mq-class").mqClass();
//$(document).foundation('topbar', 'init');
$(document).foundation();
}, 150, true));
$(".small-menu-icon").on("click", Foundation.utils.throttle(function () {
$(".toggle-topbar").trigger("click");
if ($(".top-bar").hasClass("expanded")) {
$(".title-area").hide();
$(".top-bar-section").show();
$(".top-bar").show();
} else {
$(".top-bar").hide();
$(".top-bar-section").hide();
}
}, 300, true));
if (matchMedia(Foundation.media_queries.largeOnly).matches) {
$(document).foundation({
'magellan-expedition': {
fixed_top: '2rem',
threshold: -32
}
});
}
$('.has-dropdown.not-click').off("mousenter").on('mouseenter', function () {
$(".top-bar").foundation('contentoverlay', 'show');
});
$('.has-dropdown.not-click').off('mouseleave').on('mouseleave',
function () {
$(".top-bar").delay(75).foundation('contentoverlay', 'hide');
}
);
$('.top-bar .dropdown-megamenu-wrapper').off("mousenter").on('mouseenter',
function () { $(".top-bar").foundation('contentoverlay', 'show'); }
);
$('.m-selectDropdown__input').on("change", function (event) {
event.preventDefault();
var value = this.value;
var className = "-active"
var $parent = $(event.target).parents('.m-selectDropdown');
$parent.find(".m-selectDropdown__content").removeClass(className);
$parent.find(value).addClass(className);
console.log(value);
//$parent.toggleClass("-active");
});
$('.m-dropdown__link').on("click", function (event) {
event.preventDefault();
event.stopImmediatePropagation();
var $parent = $(event.target).parents('.m-dropdown');
$parent.toggleClass("-active");
});
$('.t-subPage__back').on("click", function (event) {
event.preventDefault();
event.stopImmediatePropagation();
var $parent = $(event.target).parents('.t-subPage');
document.body.style.overflow = 'visible';
$parent.removeClass("-active");
})
$('#a-conditions-offres').click(function (event) {
event.preventDefault();
window.location.href = "/offre-maty/code-promo-conditions.html";
})
$(".a-input__toggle").on('click touchend', function (e) {
e.preventDefault();
var $this = $(e.target);
var input = $this.siblings(".a-input")[0];
if (input.type === "password") {
input.type = "text";
} else {
input.type = "password";
}
})
});
$(function () {
if (!matchMedia(Foundation.media_queries.smallOnly).matches) {
var megaMenuContainer = Foundation.utils.S(".dropdown-megamenu-wrapper", Foundation.utils.S(".top-bar-section"));
megaMenuContainer.each(function () {
var currentMegaMenu = $(this);
var columns = {};
currentMegaMenu.children('li').wrapAll('');
Foundation.utils.S("[data-column]", currentMegaMenu).each(function () {
var $this= $(this);
var columnName = $this.data("column");
if (columns.hasOwnProperty(columnName) === false) {
columns[columnName] = $this.data("column-class");
}
});
$.each(columns, function (key, val) {
Foundation.utils.S("[data-column='" + key + "']", currentMegaMenu).wrapAll("");
});
});
}
});;
$(document).ready(function () {
$(".voir-conditions").click(function (e) {
e.preventDefault();
$(".conditions-wrapper").slideToggle("slow", function () {
});
});
$(".close-banner").click(function (e) {
e.preventDefault();
$(".banner-wrapper, .conditions-wrapper").slideUp();
});
$(".close-banner-promo").click(function (e) {
//what a beautiful comment isnt it
e.preventDefault();
$.ajax({
url: "/Navigation/CloseBannerPromo",
}).done(function () {
$(".banner-promo-wrapper, .conditions-wrapper").slideUp();
var hostname = "." + window.location.hostname.replace("www.", "");
document.cookie = "CURRENT_CODE_PROMO_BANNER=; expires = Thu, 01 Jan 1970 12:00:00 GMT;path=/;domain=" + hostname;
document.cookie = "CURRENT_BANNER_PROMO=; expires = Thu, 01 Jan 1970 12:00:00 GMT;path=/;domain=" + hostname;
});
});
});;
; (function ($, window, document, undefined) {
'use strict';
var input, $ul,
inputTerms, termsArray, prefix, terms, results, sortedResults, suggestHover;
var acpDNS = '';
var acpLabel = 'shortLabel';
var acpPhoto = 'photo';
var acpPhotoPrefix = '';
var acpPhotoSuffix = '';
var acpShopName = 'ShopName';
var acpPageLabel = 'label';
var acpCornerLabel = 'label';
var acpCornerUrl = 'url';
var productData = [];
var pageData = [];
var shopData = [];
var cornerData = [];
var videoPlayers = [];
var pageLoadedTimestamp = 0;
// nom de librairie à modifier
Foundation.libs.common = {
name: 'common',
version: '1.0.0',
settings: {
callback: function () { }
},
timerPanierDrop: null,
init: function (scope, method, options) {
// initialisation à conserver
Foundation.inherit(this, '');
var self = this;
// votre code ici
/* // exemple
if (self.S("#" + this.settings.id).length === 0)
self.S("#main-content", this.scope).append("");
*/
// à conserver
this.bindings(method, options);
},
initFormulaire: function () {
$.validator.addMethod(
"regex",
function (value, element, regexp) {
var re = new RegExp(regexp);
return this.optional(element) || re.test(value);
},
"Vérifiez votre saisie."
);
$('#form-inscription-newsletter').validate({
rules: {
email: {
required: true,
regex: "^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$"
},
},
errorContainer: '#div-inscription-result',
errorLabelContainer: '#div-inscription-result'
});
$('#form-inscription-newsletter-popin').validate({
rules: {
email: {
required: true,
regex: "^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$"
},
},
errorContainer: '#error-cap-email',
errorLabelContainer: '#error-cap-email'
});
},
updateAccount: function () {
//refresh des elements du compte dans le header
$.ajax({
url: '/Navigation/MonCompte',
data: { isSticky: false },
success: function (result) {
$('#span-account').html(result);
}
});
$.ajax({
url: '/Navigation/MonCompte',
data: { isSticky: true },
success: function (result) {
$('#span-account-sticky').html(result);
}
});
$.ajax({
url: '/Navigation/MonCompteSurvol',
data: {},
success: function (result) {
$('#span-account-survol').html(result);
}
});
},
updateArticlesInCart: function () {
$.ajax({
url: '/Navigation/ArticlesInCart',
data: {},
success: function (result) {
$(".span-cart-articles").html('');
$('#cart-pictogram span:last-child').remove();
$('#cart-pictogram').append(result);
}
});
},
updateWishlist: function () {
$.ajax({
url: '/Navigation/BijouxPreferes',
data: { isSticky: true },
success: function (result) {
$(".wishlist-produits").html('');
$("#span-wishlist-sticky").append(result);
}
});
$.ajax({
url: '/Navigation/BijouxPreferes',
data: { isSticky: false },
success: function (result) {
$(".wishlist-produits").html('');
$("#span-wishlist").append(result);
}
});
},
dosearch: function (element) {
// Blocage du rechargement de la page
if (typeof ($ul) != "undefined") {
$ul.addClass("hidden");
}
var $input = $(element);
if ($input.val().trim().length > 0
&& $input.val().trim() != undefined
&& $input.val().trim() != null
&& $input.val().trim()) {
$(document).foundation('mastertag', 'track_tc_event',
{
obj: this,
trigger: 'search',
options: {
search_term: $input.val().trim(),
acp: false
}
});
// Il faut échapper tous les caractères non alphanumériques (sauf espaces)
// -> Ceci afin d'éviter une erreur au niveau de la configuration
// du serveur qui refuse certains caractères spéciaux (&...)
// Certains navigateurs(<=IE11, Webview android) ne supportent pas la fonction normalize,
// On effectue différement pour ces cas
var inputToEscape;
// On verifie si c'est du IE <= 11
if (typeof (String.prototype.normalize) !== "function") {
// Tableau associatif des caractères accentués avec leur équivalent sans accent
var tabCar = { "à": "a", "á": "a", "â": "a", "ã": "a", "ä": "a", "å": "a", "ò": "o", "ó": "o", "ô": "o", "õ": "o", "ö": "o", "ø": "o", "è": "e", "é": "e", "ê": "e", "ë": "e", "ç": "c", "ì": "i", "í": "i", "î": "i", "ï": "i", "ù": "u", "ú": "u", "û": "u", "ü": "u", "ÿ": "y", "ñ": "n" };
var reg = /[àáäâèéêëçìíîïòóôõöøùúûüÿñ]/gi;
inputToEscape = $input.val().trim().replace(reg, function () { return tabCar[arguments[0].toLowerCase()] }).toLowerCase();
}
else {
// normalize('NFD') encode la chaîne de caractères de manière
// à décomposer les caractères "composés" en sa lettre et son diacritique (ex: le caractère "è" devient les caractères "e" + "`")
// replace(/[\u0300-\u036f]/g, "") supprime les diacritiques
inputToEscape = $input.val().trim().normalize('NFD').replace(/[\u0300-\u036f]/g, "").toLowerCase();
}
inputToEscape = inputToEscape.replace("œ", "oe");
// replace(/\W/gi, " ") supprime les caractères non alphanumériques et remplace par un espace
inputToEscape = inputToEscape.replace(/\W/gi, " ").trim();
window.location.href = "/Achat/" + encodeURIComponent(inputToEscape) + "?search=" + encodeURIComponent(inputToEscape);
}
},
search: function (element) {
inputTerms = element.value.toLowerCase();
results = new Array();
results[0] = new Array();
results[1] = new Array();
termsArray = inputTerms.split(' ');
prefix = ''; //termsArray.length === 1 ? '' : termsArray.slice(0, -1).join(' ') + ' ';
terms = ''; //termsArray[termsArray.length - 1].toLowerCase();
///
/// A DECOMMENTER au chgt d'ACP cote sparkow
///
acpDNS = $('#acpDNS').val()
$.ajax({
dataType: "jsonp",
jsonpCallback: 'success',
crossDomain: true,
url: acpDNS,
data: {
expression: inputTerms
},
success: function (data) {
var maxLength = 0;
if (data) {
// product section
$(document).foundation('common', 'getPagesResult', data);
(pageData.length > maxLength ? maxLength = pageData.length : null);
}
if (maxLength > 0) {
for (var i = 0; i < maxLength; i++) {
var page = pageData[i];
results[0].push(page['text']);
results[1].push(page['url']);
}
$(document).foundation('common', 'evaluateResults', results);
}
else {
$(document).foundation('common', 'clearResults');
}
}
});
///
/// A COMMENTER au chgt d'ACP cote sparkow
///
//$.getJSON('/Navigation/GetSearchSuggestion', { recherche: inputTerms }, function (response) {
// if (response != null
// && response.categories_fr != null && response.categories_fr[1].length > 0) {
// for (var i = 0; i < response.categories_fr[1].length; i++) {
// var a = response.categories_fr[1][i].toLowerCase(),
// t = a.indexOf(terms), b = decodeURIComponent(response.categories_fr[2][i].url);
// if (t > -1) {
// results[0].push(a);
// results[1].push(b);
// }
// }
// $(document).foundation('common', 'evaluateResults', results);
// }
// else
// $(document).foundation('common', 'clearResults');
//});
},
evaluateResults: function (results) {
if (results.length > 0) { // 0 && inputTerms.length > 0 && terms.length !== 0) {
//sortedResults = results.sort(sortResults);
$(document).foundation('common', 'appendResults');
}
else if (inputTerms.length > 0 && terms.length !== 0) {
//ul.innerHTML =
// inputTerms
// + " n'est pas disponible";
}
else if (inputTerms.length !== 0 && terms.length === 0) {
return;
}
else {
$(document).foundation('common', 'clearResults');
}
},
sortResults: function () {
if (a.indexOf(terms) < b.indexOf(terms)) return -1;
if (a.indexOf(terms) > b.indexOf(terms)) return 1;
return 0;
},
appendResults: function () {
$(document).foundation('common', 'clearResults');
for (var i = 0; i < results[0].length && i < 10; i++) {
var result = prefix
+ results[0][i].toLowerCase().replace(terms, ''
+ terms
+ '');
var termacp = result.replace(new RegExp('', 'g'), '').replace(new RegExp('', 'g'), '').replace(new RegExp('', 'g'), '').replace(new RegExp('', 'g'), '');
var $li = $('').html('' + result + '');
//li.innerHTML = '' + result + '';
$ul.append($li);
}
if ($ul.attr('class') !== "term-list") {
$ul.attr('class', 'term-list');
}
},
clearResults: function () {
//var $ul = $('#searchResults-small');
if (typeof ($ul) !== "undefined") {
$ul.attr('class', 'term-list hidden');
$ul.html('');
}
},
isShopScreen: function () {
return (typeof (shopScreenManager) != "undefined");
},
getPagesResult: function (data) {
pageData = [];
if (data && data.page) {
data.page.forEach(function (item, index) {
pageData.push({
text: item.highlight[acpPageLabel][0],
val: item[acpPageLabel],
url: item['url'],
origin: "pageData"
})
});
}
return pageData;
},
// Modifie les données de tc_vars, *sans* relancer le tag TagCommander
refreshMasterTagData: function (data, keepMerchActions) {
if (typeof (urlTagToRefresh) != "undefined" && typeof (tc_vars) != "undefined" && typeof (data) != "undefined" && data != "") {
if (keepMerchActions === true) {
let merch_actions = tc_vars.merch_actions;
tc_vars = JSON.parse(data);
tc_vars.merch_actions = merch_actions;
} else {
tc_vars = JSON.parse(data);
}
}
},
// Relance l'exécution du tag TagCommander (on sous-entend que les données du masterTag sont à jour)
refreshMasterTag: function (callback) {
if (typeof (urlTagToRefresh) != "undefined" && typeof (tc_vars) != "undefined") {
if (typeof (callback) != "undefined") {
$.getScript(urlTagToRefresh, callback);
}
else {
$.getScript(urlTagToRefresh);
}
}
},
shareLinkOnFacebook: function (elem) {
if (this.isShopScreen()) return; // Blocage si on est sur un écran de bij
// Partage Facebook
// Attributs possibles :
// . data-url=""
// . data-picture-url=""
// . data-title=""
// . data-caption="" // "MATY.COM" par défaut si non défini
// . data-description=""
var page = elem.attr("href");
var _link = elem.attr("data-url");
var _picture = elem.attr("data-picture-url");
var _title = elem.attr("data-title");
var _caption = elem.attr("data-caption");
var _description = elem.attr("data-description");
if (typeof (_link) == "undefined") _link = "";
if (typeof (_picture) == "undefined") _picture = "";
if (typeof (_title) == "undefined") _title = "";
if (typeof (_caption) == "undefined") _caption = "MATY.COM";
if (typeof (_description) == "undefined") _description = "";
_link = _link.replace("'", "\'");
_picture = _picture.replace("'", "\'");
_title = _title.replace("'", "\'");
_caption = _caption.replace("'", "\'");
_description = _description.replace(new RegExp(" ", 'g'), " ").replace(new RegExp("\"", 'g'), "'");;
//FB.ui({
// method: 'feed',
// link: _link.replace("'", "\'"),
// picture: _picture.replace("'", "\'"),
// name: _title.replace("'", "\'"),
// caption: _caption.replace("'", "\'"),
// description: _description.replace("'","\'").replace(" "," ");
//});
var url = "https://www.facebook.com/dialog/feed?app_id=" + social_fb_app_id + "&link=" + encodeURIComponent(_link) + "&picture=" + encodeURIComponent(_picture) + "&name=" + encodeURIComponent(_title) + "&caption=" + encodeURIComponent(_caption) + "&description=" + encodeURIComponent(_description) + "&redirect_uri=" + encodeURIComponent(page);
//var p = window.open(url, '', 'width=1024,height=600,toolbar=0,resizable=1,menubar=0');
var p = window.open(url);
if (!p)
window.location = url;
},
followOnTwitter: function (elem) {
if (this.isShopScreen()) return; // Blocage si on est sur un écran de bij
var page = elem.attr("href");
var url = "https://twitter.com/intent/follow?original_referer=" + encodeURIComponent(page) + "®ion=follow_link&screen_name=MatyBijoutier&tw_p=followbutton&variant=2.0";
var p = window.open(url);
if (!p)
window.location = url;
},
shareLinkOnTwitter: function (elem) {
if (this.isShopScreen()) return; // Blocage si on est sur un écran de bij
var page = elem.attr("href");
var url = "https://twitter.com/intent/tweet?url=" + encodeURIComponent(page);
var p = window.open(url);
if (!p)
window.location = url;
},
shareLinkOnPinterest: function (elem) {
if (this.isShopScreen()) return; // Blocage si on est sur un écran de bij
var page = elem.attr("href");
var _picture = elem.attr("data-picture-url");
var _description = elem.attr("data-description");
_picture = _picture.replace("'", "\'");
_description = _description.replace(new RegExp(" ", 'g'), " ").replace(new RegExp("\"", 'g'), "'");
var url = "http://pinterest.com/pin/create/button/?url=" + encodeURIComponent(page) + "&media=" + encodeURIComponent(_picture) + "&description=" + encodeURIComponent(_description);
var p = window.open(url);
if (!p)
window.location = url;
},
scrollToChild: function (aid) {
var aTag = $("." + aid);
if (aTag != typeof ("undefined") && aTag != "" && aTag.offset() != null)
$('html,body').animate({ scrollTop: aTag.offset().top }, 'slow');
},
getFileName: function (input) {
if (input != null && typeof (input) != "undefined") {
if (input.is(':file') && input.val().length > 0) {
return String(input.val().replace(/C:\\fakepath\\/i, ''));
}
}
return null;
},
getSizeUploadedFile: function (input) {
if (input != null && typeof (input) != "undefined") {
if (input.is(':file') && input.val().length > 0) {
return input[0].files[0].size;
}
}
return null;
},
getPrevisualisationPolice: function (elem) {
$.ajax({
cache: false,
async: true,
type: "POST",
data: {
codepolice: elem.attr('data-codepolice'),
texte: $('#Texte').val(),
ReferenceProduit: elem.attr('data-reference'),
StatutGravure: elem.attr('data-statut'),
CodeEmplacement: elem.attr('data-codeemplacement'),
IdCommandeLigne: elem.attr('data-idligne')
},
url: "/Product/GetPreviewGravureDecoupe",
success: function (response) {
if (typeof (response) != "undefined") {
if (response.IsValid) {
$('#rendu-gravure').html(response.Html);
}
}
},
error: function (response) {
}
});
},
isInt: function (n) {
return Number(n) === n && n % 1 === 0;
},
isFloat: function (n) {
return Number(n) === n && n % 1 !== 0;
},
clearLightCart: function () {
$(document).foundation('common', 'updateArticlesInCart');
var survolWrapper = $(".mon-panier-drop");
survolWrapper.html("");
},
// ANIMATION TOGGLE SLIDE MAISON
toggleAnimation: function (obj) {
var $elems = obj.contents;
var callback = obj.callback;
var callbackParameter = obj.callbackParameter;
if (typeof (callback) != "undefined") {
if (typeof (callbackParameter) != "undefined") {
var animEffect = function () {
return $elems.animate({
height: "toggle",
'padding-top': 'toggle',
'padding-bottom': 'toggle',
opacity: "toggle"
});
};
$.when(animEffect()).done(function () { // Permet de lancer le callback une seule fois quand toutes les animations sont terminées
callback(callbackParameter)
});
}
else {
var animEffect = function () {
return $elems.animate({
height: "toggle",
'padding-top': 'toggle',
'padding-bottom': 'toggle',
opacity: "toggle"
});
};
$.when(animEffect()).done(callback); // Permet de lancer le callback une seule fois quand toutes les animations sont terminées
}
} else {
$elems.animate({
height: "toggle",
'padding-top': 'toggle',
'padding-bottom': 'toggle',
opacity: "toggle"
});
}
},
showPreloader: function () {
$("#preloader").show();
},
hidePreloader: function () {
$("#preloader").hide();
},
trackGAEvent: function (eventObject) {
if (typeof ga === 'function' && typeof eventObject !== undefined && eventObject.category !== undefined && eventObject.action != undefined) {
var fieldsObject = {};
// Les champs optionnels sont mis à "null" si les paramètres ne sont pas passés à la méthode
if (eventObject.label === undefined) {
eventObject.label = null;
}
if (eventObject.value === undefined) {
eventObject.value = null;
}
// gestion de la possiblité de déclarer un évent en tant qu'évent lancé automatiquement (sans action par l'utilisation)
if (eventObject.nonInteraction !== undefined && nonInteration === true) {
fieldsObject = { nonInteraction: true };
}
// nouvelle version du tag Google => utilisation de gtag() plutôt que ga()
if (typeof (gtag) !== 'undefined') {
gtag('event', eventObject.category, {
'event_category': eventObject.category,
'event_label': eventObject.label,
'event_action': eventObject.action,
'event_value': eventObject.value
});
}
}
},
initYTPlayers: function () {
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
window.onYouTubeIframeAPIReady = function () {
console.log('YoutubeIframeAPIReady');
$(document).foundation('common', 'initYTTracking');
};
},
initYTTracking: function () {
var playerWrappers = $('.yt-player');
playerWrappers.each(function () {
var idWrapper = $(this).attr("id");
if (window.onYTPlayerStateChange === undefined) {
window.onYTPlayerStateChange = function (event) { $(document).foundation('common', 'trackGAVideoEvent', event); };
}
YT.get(idWrapper).addEventListener('onStateChange', window.onYTPlayerStateChange);
});
},
trackGAVideoEvent: function (event) {
var videoTitle = event.target.getVideoData().title;
if (event.data == YT.PlayerState.PLAYING) {
$(document).foundation('common', 'trackGAEvent', { category: 'videos', action: 'lecture', label: videoTitle });
}
else if (event.data == YT.PlayerState.PAUSED) {
$(document).foundation('common', 'trackGAEvent', { category: 'videos', action: 'pause', label: videoTitle, value: Math.floor(event.target.getCurrentTime()) });
}
else if (event.data == YT.PlayerState.ENDED) {
$(document).foundation('common', 'trackGAEvent', { category: 'videos', action: 'fin', label: videoTitle });
}
},
getQueryStringValue: function (field, url) {
var href = url ? url : window.location.href;
var reg = new RegExp('[?&]' + field + '=([^&#]*)', 'i');
var string = reg.exec(href);
return string ? string[1] : null;
},
// Tracking des liens dans les zones de merch
initTrackMerch: function () {
if (tc_vars.env_template != 'CATALOGUE' && tc_vars.env_template != 'LANDING' && tc_vars.env_template != 'PRODUCT_SHEET') {
return;
}
// On recherche chaque zones de merch,
$(".zone-merch-wrapper").each(function (index, item) {
var currentZone = item.getAttribute("data-zone");
var trackedObjects = [];
if (currentZone != null) {
// On recherche tous les liens de la zone de merch
trackedObjects.push({ group:'links', items: item.getElementsByTagName("a") });
// On cherche tous les contrôles de type Next / Previous d'un slider. Le marketing souhaite tracker les clics dessus, uniquement sur des fiches produit pour le moment
//if (tc_vars.env_template == 'PRODUCT_SHEET') {
// trackedObjects.push({ group:'carouselControlsPrevious', items: item.getElementsByClassName("owl-prev") });
// trackedObjects.push({ group:'carouselControlsNext', items: item.getElementsByClassName("owl-next") });
//}
}
// Application des comprotements spécifiques à chaque groupe de liens
for (var i = 0; i < trackedObjects.length; i++) {
for (var j = 0; j < trackedObjects[i].items.length; j++) {
trackedObjects[i].items[j].setAttribute("data-zone", currentZone); //On injecte dans leur data le nom de la zone de merch, pour l'avoir à dispo sur l'événement click
trackedObjects[i].items[j].removeEventListener("click", Foundation.libs.common.trackMerch);
trackedObjects[i].items[j].addEventListener("click", Foundation.libs.common.trackMerch);
//if (trackedObjects[i].group == 'carouselControlsPrevious') {
// trackedObjects[i].items[j].setAttribute("data-track-merch-label", "Précédent");
//}
//if (trackedObjects[i].group == 'carouselControlsNext') {
// trackedObjects[i].items[j].setAttribute("data-track-merch-label", "Suivant");
//}
}
}
});
},
trackMerch: function (event) {
var zone = this.getAttribute("data-zone"); // valeur définie en JS via la méthode initTrackMerch
var action = "";
var label = "";
var svalue = "";
var category = "";
var strigger = "";
var labelCustom = this.getAttribute('data-track-merch-label');// Libellé de l'événement à enregistrer. Peut être défini dans l'attribut data-track-merch-label de l'élément déclenchant l'événement
var eventTimestamp = Math.floor(Date.now());
var durationSincePageLoaded = eventTimestamp - pageLoadedTimestamp; // Durée entre le chargement terminé de la livrairie et le déclenchement de l'événement
// Correspondances entre Type de page (du tc_vars) et nom souhaité par le marketing dans la remontée d'info Google Analytics
var mappingPageTypeToEventCategory = {
"CATALOGUE": {
action: "ZDM",
label: labelCustom !== null ? (zone + " - " + labelCustom) : zone + " - " + this.getAttribute('title'),
value: durationSincePageLoaded
},
// LANDING et CATALOGUE doivent être trackées de la même manière
"LANDING": {
action: "ZDM",
label: labelCustom !== null ? (zone + " - " + labelCustom) : zone + " - " + this.getAttribute('title'),
value: durationSincePageLoaded
},
"PRODUCT_SHEET": {
action: this.getAttribute('data-title') + ' - ' + this.getAttribute('data-reference'),
label: this.getAttribute('href'),
value: this.getAttribute('data-value')
}
};
// trigger
switch (tc_vars.env_template) {
case "CATALOGUE":
strigger = "clic_zdm";
break;
case "LANDING":
strigger = "clic_zdm";
break;
case "PRODUCT_SHEET":
switch (zone) {
case "FP_VOUS_AIMEREZ_AUSSI":
strigger = "cross_sell";
break;
case "FP_MUST_HAVE":
strigger = "must_have";
break;
case "FP_DERNIERS_ARTICLES_VUS":
strigger = "derniers_articles_vus";
break;
case "FP_COMMUNICATION_1":
strigger = "clic_zdm";
break;
case "FP_COMMUNICATION_2":
strigger = "clic_zdm";
break;
case "FP_DECOUVREZ_AUSSI":
strigger = "decouvrez_aussi";
break;
}
break;
}
// category
switch (tc_vars.env_template) {
case "CATALOGUE":
category = "page-liste";
break;
case "LANDING":
category = "page-liste";
break;
case "PRODUCT_SHEET":
switch (zone) {
case "FP_VOUS_AIMEREZ_AUSSI":
category = "cross-sell";
break;
case "FP_MUST_HAVE":
category = "must-have";
break;
case "FP_DERNIERS_ARTICLES_VUS":
category = "derniers-articles-vus";
break;
case "FP_COMMUNICATION_1":
category = "fiche-produit";
break;
case "FP_COMMUNICATION_2":
category = "fiche-produit";
break;
case "FP_DECOUVREZ_AUSSI":
category = "decouvrez-aussi";
break;
}
break;
}
action = mappingPageTypeToEventCategory[tc_vars.env_template].action;
// action
switch (tc_vars.env_template) {
case "PRODUCT_SHEET":
switch (zone) {
case "FP_COMMUNICATION_1":
action = "ZDM";
break;
case "FP_COMMUNICATION_2":
action = "ZDM";
break;
case "FP_DECOUVREZ_AUSSI":
action = "fiche produit";
break;
}
break;
}
label = mappingPageTypeToEventCategory[tc_vars.env_template].label;
svalue = mappingPageTypeToEventCategory[tc_vars.env_template].value;
// Tracking via TagCo
$(document).foundation('mastertag', 'track_tc_event',
{
obj: this,
trigger: strigger,
options: {
category: category,
action: action,
label: label,
value: svalue
}
});
return true;
},
events: function () {
var self = this;
var S = this.S;
$(this.scope)
.ready(function (event) {
// On enregistre le timestamp quanad la librairie est chargée. Cela permet de calculer une durée en millisecondes, entre le chargement de la librairie et un clic (utilisé dans la méthode trackMerch)
pageLoadedTimestamp = Math.floor(Date.now());
$(document).foundation('common', 'initTrackMerch');
$("#content-overlay").css("display", "none");
// Autocomplétion
$('#searchBox-medium, #searchBox').on('keyup', Foundation.utils.throttle(function (event) {
$ul = $(this).next('ul');
$(document).foundation('common', 'search', this);
}, 300, true));
// Tracking du terme recherché au clic sur une suggestion du moteur
$('#searchResults').on('click', '.result_link', function () {
$(document).foundation('mastertag', 'track_tc_event',
{
obj: this,
trigger: 'search',
options: {
search_term: $("#searchBox").val().trim(),
acp: true
}
});
});
$(document).foundation('common', 'initFormulaire');
$('#newsletter-reveal-modal').foundation('reveal', 'open');
})
.on('submit', '#form-inscription-newsletter', function (event) {
event.preventDefault();
var email = $('#input-email-newsletter').val();
$(this).validate();
if ($(this).valid()) {
$.getJSON('/Navigation/InscriptionNewsletter', { email: email }, function (data) {
if (data.IsValid) {
var opt = {
label: 'inscription_newsletter::confirmation',
level: '15',
name: 'confirmation',
};
// Tracking via TagCo
$(document).foundation('mastertag', 'track_tc_event',
{
obj: this,
trigger: 'inscription_newsletter',
options: {
category: 'newsletter',
action: 'inscription',
label: 'pied de page',
value: ''
}
});
$(document).foundation('mastertag', 'track_action',
{
obj: this,
options: opt
});
window.location = data.Redirection;
}
else {
$('.footer-alert-box').css("display", "block");
$('.footer-alert-box').removeClass("success");
$('.footer-alert-box').addClass("error");
$('.footer-alert-box').html("");
}
});
}
})
.on('submit', '#form-inscription-newsletter-popin', function (event) {
event.preventDefault();
var email = $("input[name='email']", this).val();
$(this).validate();
if ($(this).valid()) {
$.getJSON('/Navigation/InscriptionNewsletter', { email: email }, function (data) {
if (data.IsValid) {
var opt = {
label: 'inscription_newsletter::confirmation',
level: '15',
name: 'confirmation',
};
$(document).foundation('mastertag', 'track_action',
{
obj: this,
options: opt
});
window.location = data.Redirection;
}
else {
$("#form-inscription-newsletter-popin").find("#error-cap-email").css("display", "block");
$("#form-inscription-newsletter-popin").find("#error-cap-email").html('')
}
});
}
})
//.on('keyup', '#searchBox-medium, #searchBox', function (event) {
// $ul = $(this).next('ul');
// $(document).foundation('common', 'search', this);
//})
.on('keyup load', ".m-inputWrapper.-counter input", function (e) {
const $targetInput = $(e.currentTarget);
const $targetSpan = $targetInput.parents('.m-inputWrapper').find('.m-inputWrapper__counter span');
const maxLength = parseInt($targetInput.attr('maxlength'));
const inputLength = $targetInput.val().replace(/\n/g, "\r\n").length;
const text = maxLength - inputLength;
$targetSpan.text(text);
})
.on('keydown', '#searchBox-medium, #searchBox', function (event) {
if (event.keyCode == '13') {
$(document).foundation('common', 'dosearch', this);
}
})
.on('keydown', '.searchBox-sticky', function (event) {
if (event.keyCode == '13') {
var $input = $('.searchBox-sticky');
$(document).foundation('common', 'dosearch', $input[0]);
}
})
.on('mouseover', '#searchResults-medium, #searchResults', function (event) {
suggestHover = true;
})
.on('mouseout', '#searchResults-medium, #searchResults', function (event) {
suggestHover = false;
})
.on('mouseenter', '#shopping-cart-hover', function (event) {
var survolWrapper = $(".mon-panier-drop");
if (survolWrapper.children().length === 0) {
$.ajax({
url: '/Navigation/ShowLightCart',
success: function (result) {
if (result.IsValid) {
survolWrapper.html(result._LightCart);
}
}
});
}
})
//.on('blur', '#searchBox-small, #searchBox', function (event) {
// if (!suggestHover)
// $(document).foundation('common', 'clearResults');
//})
.on('blur', '#searchBox-medium, #searchBox', function (event) {
if (!suggestHover)
$(document).foundation('common', 'clearResults');
})
.on('click', '#button-search-sticky', function (event) {
event.preventDefault();
var $input = $('.searchBox-sticky');
//$ul = $('#searchResults-sticky');
$(document).foundation('common', 'dosearch', $input[0]);
})
.on('click', '#button-search-medium', function (event) {
event.preventDefault();
var $input = $('#searchBox-medium');
$ul = $('#searchResults-medium');
$(document).foundation('common', 'dosearch', $input[0]);
})
.on('click', '#button-search', function (event) {
event.preventDefault();
var $input = $('#searchBox');
$ul = $('#searchResults');
$(document).foundation('common', 'dosearch', $input[0]);
})
.on('click', '.mon-panier-drop .suppr', function (e) {
e.preventDefault();
e.stopImmediatePropagation();
e.stopPropagation();
var lineId = $(this).attr('data-line-id');
$.ajax({
url: '/Product/SupprimerProduitAjax',
data: { idLigne: lineId },
success: function (result) {
if (result.IsValid) {
self.loadSurvolPanier();
$(document).foundation('common', 'updateArticlesInCart');
if (window.location.toString().toLowerCase().indexOf("/cart") >= 0) {
window.location.reload();
}
}
else {
$(document).foundation('common', 'updateArticlesInCart');
}
},
beforeSend: function () {
$('#preloader').show();
},
fail: function () {
$(document).foundation('common', 'updateArticlesInCart');
$('#preloader').hide();
}
});
})
.on('click', '.produit-item a .wishlist-action-wrapper .ajouter-bijoux-preferes, .ajouter-bijoux-preferes, .ajouter-bijoux-preferes2, .ajouter-bijoux-soldes, .ajouter-bijoux-soldes2, .produit-item a .wishlist-action-wrapper .ajouter-bijoux-preferes-soldes, .product-content .add-product-fav', function (event) {
event.preventDefault();
event.stopPropagation()
event.stopImmediatePropagation();
var $this = $(this);
var ref = $(this).attr('data-reference');
var title = $(this).attr('data-title');
var variante = $(this).attr('data-variant');
var url = window.location.pathname;
var price = $(this).attr('data-price');
if (!$(this).hasClass('bijou-ajoute')) {
// Tracking via TagCo
$(document).foundation('mastertag', 'track_tc_event',
{
obj: this,
trigger: 'clic_favoris',
options: {
category: 'favoris',
action: 'ajout aux favoris',
label: title + ' - ' + ref,
value: price
}
});
Foundation.libs.common.showPreloader();
$.getJSON('/Wishlist/AddInWishlist', { reference: ref, variante: variante, url: url }, function (response) {
if (response.IsValid) {
$this.toggleClass('bijou-ajoute');
$(".wishlist-produits").html('');
$('#wishlist-pictogram span:last-child').remove();
$("#wishlist-pictogram").append(response.NumberInPicto);
$this.prop('title', 'Retirer de mes favoris');
Foundation.libs.common.hidePreloader();
}
}).always(function () { return false; });
return false;
}
else {
// Tracking via TagCo
$(document).foundation('mastertag', 'track_tc_event',
{
obj: this,
trigger: 'clic_favoris',
options: {
category: 'favoris',
action: 'retrait des favoris',
label: title + ' - ' + ref,
value: price
}
});
$.getJSON('/Wishlist/RemoveInWishlistFromSelectionProduit', { reference: ref, variante: variante }, function (response) {
$this.toggleClass('bijou-ajoute');
$(".wishlist-produits").html('');
$('#wishlist-pictogram span:last-child').remove();
$("#wishlist-pictogram").append(response.NumberInPicto);
$this.prop('title', 'Ajouter à mes favoris');
Foundation.libs.common.hidePreloader();
}).always(function () { return false; });
return false;
}
return false;
})
.on('click', '.produit-item', function (event) {
if (event.target != event.currentTarget) {
event.stopPropagation();
}
})
.on('click', '#add-product-to-cart-form .ajouter-bijoux-preferes-price,#add-product-to-cart-form .ajouter-bijoux-preferes, #add-product-to-cart-form .ajouter-whishlist-soldes, #add-product-to-cart-form .ajouter-bijoux-soldes, #add-product-to-cart-form .ajouter-bijoux-preferes-price-soldes', function (event) {
event.preventDefault();
var $1 = $('#button-add-to-wishlist');
var $2 = $('#button-add-to-wishlist-2');
var $3 = $('.ajouter-whishlist-soldes'); // Bouton ajouter à ma liste de soldes (pour les VP avant premiere)
var ref = $(this).attr('data-reference');
var variante = $(this).attr('data-variant');
var url = window.location.pathname;
if (!$(this).hasClass('bijou-ajoute')) {
// Tracking via TagCo
$(document).foundation('mastertag', 'track_tc_event',
{
obj: this,
trigger: 'clic_favoris',
options: {
category: 'favoris',
action: 'ajout aux favoris',
label: ref,
value: ''
}
});
$.getJSON('/Wishlist/AddInWishlist', { reference: ref, variante: variante, url: url }, function (response) {
if (response.IsValid) {
$1.toggleClass('bijou-ajoute');
$2.toggleClass('bijou-ajoute');
if ($3 != null && typeof ($3) != "undefined") {
$3.toggleClass('bijou-ajoute');
$3.html("retirer de ma liste de soldes");
}
$(".wishlist-produits").html('');
$("#span-wishlist").append(response.HeaderClassique);
$("#span-wishlist-sticky").append(response.HeaderSticky);
}
});
}
else {
// Tracking via TagCo
$(document).foundation('mastertag', 'track_tc_event',
{
obj: this,
trigger: 'clic_favoris',
options: {
category: 'favoris',
action: 'retrait des favoris',
label: ref,
value: ''
}
});
$.getJSON('/Wishlist/RemoveInWishlistFromSelectionProduit', { reference: ref, variante: variante }, function (response) {
$1.toggleClass('bijou-ajoute');
$2.toggleClass('bijou-ajoute');
if ($3 != null && typeof ($3) != "undefined") {
$3.toggleClass('bijou-ajoute');
$3.html("ajouter à ma liste de soldes");
}
$(".wishlist-produits").html('');
$("#span-wishlist").append(response.HeaderClassique);
$("#span-wishlist-sticky").append(response.HeaderSticky);
});
}
})
.on('click', '.social-share-facebook', function (event) {
event.preventDefault();
$(document).foundation('common', 'shareLinkOnFacebook', $(this));
})
.on('click', '.social-share-twitter', function (event) {
event.preventDefault();
$(document).foundation('common', 'shareLinkOnTwitter', $(this));
})
.on('click', '.social-fsocial-follow-twitter', function (event) {
event.preventDefault();
$(document).foundation('common', 'followOnTwitter', $(this));
})
.on('click', '.social-share-pinterest', function (event) {
event.preventDefault();
$(document).foundation('common', 'shareLinkOnPinterest', $(this));
})
.on('click', '.load-page-in-popin', function (event) {
event.preventDefault();
var urlContent = $(this).attr('data-content');
if (urlContent != null && urlContent != '' && typeof (urlContent) != 'undefined') {
var content = "";
var jqxhr = $.get(urlContent, function (data) {
//$('#popin-informations #title').html('MOT DE PASSE OU IDENTIFIANT OUBLIÉ ?');
$('#popin-informations #infos').html(data);
$('#popin-informations').foundation('reveal', 'open');
});
}
})
.on('click', '.pseudo-link', function (event) {
var urlContent = this.attributes["data-href"];
if (urlContent != null && urlContent != '' && typeof (urlContent) != 'undefined' && urlContent.value != '') {
window.location.href = urlContent.value;
}
})
.on('click', '.social-share-facebook', function (event) {
event.preventDefault();
$(document).foundation('common', 'shareLinkOnFacebook', $(this));
})
.on('click', '.apercu-police', function (event) {
event.preventDefault();
//(codePolice, texte, reference, idLigne, codeEmplacement, statutGravure, setResult)
$(document).foundation('common', 'getPrevisualisationPolice', $(this));
})
.on('click', '.cross-sell', function (e) {
const target = $(e.currentTarget);
const reference = target.data("reference");
const name = target.data("title");
const price = target.data("price");
const url = target.attr("href");
if (url != null && url.length > 0) {
const event = {
obj: "",
trigger: "cross_sell",
options: {
category: "cross-sell",
action: reference + '-' + name,
label: url,
value: price
}
};
$(document).foundation('mastertag', 'track_tc_event', event);
}
})
;
},
reflow: function () { },
};
}(jQuery, window, window.document));;
/**
* Owl Carousel v2.2.1
* Copyright 2013-2017 David Deutsch
* Licensed under ()
*/
/**
* Owl carousel
* @version 2.1.6
* @author Bartosz Wojciechowski
* @author David Deutsch
* @license The MIT License (MIT)
* @todo Lazy Load Icon
* @todo prevent animationend bubling
* @todo itemsScaleUp
* @todo Test Zepto
* @todo stagePadding calculate wrong active classes
*/
;(function($, window, document, undefined) {
/**
* Creates a carousel.
* @class The Owl Carousel.
* @public
* @param {HTMLElement|jQuery} element - The element to create the carousel for.
* @param {Object} [options] - The options
*/
function Owl(element, options) {
/**
* Current settings for the carousel.
* @public
*/
this.settings = null;
/**
* Current options set by the caller including defaults.
* @public
*/
this.options = $.extend({}, Owl.Defaults, options);
/**
* Plugin element.
* @public
*/
this.$element = $(element);
/**
* Proxied event handlers.
* @protected
*/
this._handlers = {};
/**
* References to the running plugins of this carousel.
* @protected
*/
this._plugins = {};
/**
* Currently suppressed events to prevent them from beeing retriggered.
* @protected
*/
this._supress = {};
/**
* Absolute current position.
* @protected
*/
this._current = null;
/**
* Animation speed in milliseconds.
* @protected
*/
this._speed = null;
/**
* Coordinates of all items in pixel.
* @todo The name of this member is missleading.
* @protected
*/
this._coordinates = [];
/**
* Current breakpoint.
* @todo Real media queries would be nice.
* @protected
*/
this._breakpoint = null;
/**
* Current width of the plugin element.
*/
this._width = null;
/**
* All real items.
* @protected
*/
this._items = [];
/**
* All cloned items.
* @protected
*/
this._clones = [];
/**
* Merge values of all items.
* @todo Maybe this could be part of a plugin.
* @protected
*/
this._mergers = [];
/**
* Widths of all items.
*/
this._widths = [];
/**
* Invalidated parts within the update process.
* @protected
*/
this._invalidated = {};
/**
* Ordered list of workers for the update process.
* @protected
*/
this._pipe = [];
/**
* Current state information for the drag operation.
* @todo #261
* @protected
*/
this._drag = {
time: null,
target: null,
pointer: null,
stage: {
start: null,
current: null
},
direction: null
};
/**
* Current state information and their tags.
* @type {Object}
* @protected
*/
this._states = {
current: {},
tags: {
'initializing': [ 'busy' ],
'animating': [ 'busy' ],
'dragging': [ 'interacting' ]
}
};
$.each([ 'onResize', 'onThrottledResize' ], $.proxy(function(i, handler) {
this._handlers[handler] = $.proxy(this[handler], this);
}, this));
$.each(Owl.Plugins, $.proxy(function(key, plugin) {
this._plugins[key.charAt(0).toLowerCase() + key.slice(1)]
= new plugin(this);
}, this));
$.each(Owl.Workers, $.proxy(function(priority, worker) {
this._pipe.push({
'filter': worker.filter,
'run': $.proxy(worker.run, this)
});
}, this));
this.setup();
this.initialize();
}
/**
* Default options for the carousel.
* @public
*/
Owl.Defaults = {
items: 3,
loop: false,
center: false,
rewind: false,
mouseDrag: true,
touchDrag: false,
pullDrag: false,
freeDrag: false,
margin: 0,
stagePadding: 0,
merge: false,
mergeFit: true,
autoWidth: false,
startPosition: 0,
rtl: false,
smartSpeed: 250,
fluidSpeed: false,
dragEndSpeed: false,
responsive: {},
responsiveRefreshRate: 200,
responsiveBaseElement: window,
fallbackEasing: 'swing',
info: false,
nestedItemSelector: false,
itemElement: 'div',
stageElement: 'div',
refreshClass: 'owl-refresh',
loadedClass: 'owl-loaded',
loadingClass: 'owl-loading',
rtlClass: 'owl-rtl',
responsiveClass: 'owl-responsive',
dragClass: 'owl-drag',
itemClass: 'owl-item',
stageClass: 'owl-stage',
stageOuterClass: 'owl-stage-outer',
grabClass: 'owl-grab'
};
/**
* Enumeration for width.
* @public
* @readonly
* @enum {String}
*/
Owl.Width = {
Default: 'default',
Inner: 'inner',
Outer: 'outer'
};
/**
* Enumeration for types.
* @public
* @readonly
* @enum {String}
*/
Owl.Type = {
Event: 'event',
State: 'state'
};
/**
* Contains all registered plugins.
* @public
*/
Owl.Plugins = {};
/**
* List of workers involved in the update process.
*/
Owl.Workers = [ {
filter: [ 'width', 'settings' ],
run: function() {
this._width = this.$element.width();
}
}, {
filter: [ 'width', 'items', 'settings' ],
run: function(cache) {
cache.current = this._items && this._items[this.relative(this._current)];
}
}, {
filter: [ 'items', 'settings' ],
run: function() {
this.$stage.children('.cloned').remove();
}
}, {
filter: [ 'width', 'items', 'settings' ],
run: function(cache) {
var margin = this.settings.margin || '',
grid = !this.settings.autoWidth,
rtl = this.settings.rtl,
css = {
'width': 'auto',
'margin-left': rtl ? margin : '',
'margin-right': rtl ? '' : margin
};
!grid && this.$stage.children().css(css);
cache.css = css;
}
}, {
filter: [ 'width', 'items', 'settings' ],
run: function(cache) {
var width = (this.width() / this.settings.items).toFixed(3) - this.settings.margin,
merge = null,
iterator = this._items.length,
grid = !this.settings.autoWidth,
widths = [];
cache.items = {
merge: false,
width: width
};
while (iterator--) {
merge = this._mergers[iterator];
merge = this.settings.mergeFit && Math.min(merge, this.settings.items) || merge;
cache.items.merge = merge > 1 || cache.items.merge;
widths[iterator] = !grid ? this._items[iterator].width() : width * merge;
}
this._widths = widths;
}
}, {
filter: [ 'items', 'settings' ],
run: function() {
var clones = [],
items = this._items,
settings = this.settings,
// TODO: Should be computed from number of min width items in stage
view = Math.max(settings.items * 2, 4),
size = Math.ceil(items.length / 2) * 2,
repeat = settings.loop && items.length ? settings.rewind ? view : Math.max(view, size) : 0,
append = '',
prepend = '';
repeat /= 2;
while (repeat--) {
// Switch to only using appended clones
clones.push(this.normalize(clones.length / 2, true));
append = append + items[clones[clones.length - 1]][0].outerHTML;
clones.push(this.normalize(items.length - 1 - (clones.length - 1) / 2, true));
prepend = items[clones[clones.length - 1]][0].outerHTML + prepend;
}
this._clones = clones;
$(append).addClass('cloned').appendTo(this.$stage);
$(prepend).addClass('cloned').prependTo(this.$stage);
}
}, {
filter: [ 'width', 'items', 'settings' ],
run: function() {
var rtl = this.settings.rtl ? 1 : -1,
size = this._clones.length + this._items.length,
iterator = -1,
previous = 0,
current = 0,
coordinates = [];
while (++iterator < size) {
previous = coordinates[iterator - 1] || 0;
current = this._widths[this.relative(iterator)] + this.settings.margin;
coordinates.push(previous + current * rtl);
}
this._coordinates = coordinates;
}
}, {
filter: [ 'width', 'items', 'settings' ],
run: function() {
var padding = this.settings.stagePadding,
coordinates = this._coordinates,
css = {
'width': Math.ceil(Math.abs(coordinates[coordinates.length - 1])) + padding * 2,
'padding-left': padding || '',
'padding-right': padding || ''
};
this.$stage.css(css);
}
}, {
filter: [ 'width', 'items', 'settings' ],
run: function(cache) {
var iterator = this._coordinates.length,
grid = !this.settings.autoWidth,
items = this.$stage.children();
if (grid && cache.items.merge) {
while (iterator--) {
cache.css.width = this._widths[this.relative(iterator)];
items.eq(iterator).css(cache.css);
}
} else if (grid) {
cache.css.width = cache.items.width;
items.css(cache.css);
}
}
}, {
filter: [ 'items' ],
run: function() {
this._coordinates.length < 1 && this.$stage.removeAttr('style');
}
}, {
filter: [ 'width', 'items', 'settings' ],
run: function(cache) {
cache.current = cache.current ? this.$stage.children().index(cache.current) : 0;
cache.current = Math.max(this.minimum(), Math.min(this.maximum(), cache.current));
this.reset(cache.current);
}
}, {
filter: [ 'position' ],
run: function() {
this.animate(this.coordinates(this._current));
}
}, {
filter: [ 'width', 'position', 'items', 'settings' ],
run: function() {
var rtl = this.settings.rtl ? 1 : -1,
padding = this.settings.stagePadding * 2,
begin = this.coordinates(this.current()) + padding,
end = begin + this.width() * rtl,
inner, outer, matches = [], i, n;
for (i = 0, n = this._coordinates.length; i < n; i++) {
inner = this._coordinates[i - 1] || 0;
outer = Math.abs(this._coordinates[i]) + padding * rtl;
if ((this.op(inner, '<=', begin) && (this.op(inner, '>', end)))
|| (this.op(outer, '<', begin) && this.op(outer, '>', end))) {
matches.push(i);
}
}
this.$stage.children('.active').removeClass('active');
this.$stage.children(':eq(' + matches.join('), :eq(') + ')').addClass('active');
if (this.settings.center) {
this.$stage.children('.center').removeClass('center');
this.$stage.children().eq(this.current()).addClass('center');
}
}
} ];
/**
* Initializes the carousel.
* @protected
*/
Owl.prototype.initialize = function() {
this.enter('initializing');
this.trigger('initialize');
this.$element.toggleClass(this.settings.rtlClass, this.settings.rtl);
if (this.settings.autoWidth && !this.is('pre-loading')) {
var imgs, nestedSelector, width;
imgs = this.$element.find('img');
nestedSelector = this.settings.nestedItemSelector ? '.' + this.settings.nestedItemSelector : undefined;
width = this.$element.children(nestedSelector).width();
if (imgs.length && width <= 0) {
this.preloadAutoWidthImages(imgs);
}
}
this.$element.addClass(this.options.loadingClass);
// create stage
this.$stage = $('<' + this.settings.stageElement + ' class="' + this.settings.stageClass + '"/>')
.wrap('');
// append stage
this.$element.append(this.$stage.parent());
// append content
this.replace(this.$element.children().not(this.$stage.parent()));
// check visibility
if (this.$element.is(':visible')) {
// update view
this.refresh();
} else {
// invalidate width
this.invalidate('width');
}
this.$element
.removeClass(this.options.loadingClass)
.addClass(this.options.loadedClass);
// register event handlers
this.registerEventHandlers();
this.leave('initializing');
this.trigger('initialized');
};
/**
* Setups the current settings.
* @todo Remove responsive classes. Why should adaptive designs be brought into IE8?
* @todo Support for media queries by using `matchMedia` would be nice.
* @public
*/
Owl.prototype.setup = function() {
var viewport = this.viewport(),
overwrites = this.options.responsive,
match = -1,
settings = null;
if (!overwrites) {
settings = $.extend({}, this.options);
} else {
$.each(overwrites, function(breakpoint) {
if (breakpoint <= viewport && breakpoint > match) {
match = Number(breakpoint);
}
});
settings = $.extend({}, this.options, overwrites[match]);
if (typeof settings.stagePadding === 'function') {
settings.stagePadding = settings.stagePadding();
}
delete settings.responsive;
// responsive class
if (settings.responsiveClass) {
this.$element.attr('class',
this.$element.attr('class').replace(new RegExp('(' + this.options.responsiveClass + '-)\\S+\\s', 'g'), '$1' + match)
);
}
}
this.trigger('change', { property: { name: 'settings', value: settings } });
this._breakpoint = match;
this.settings = settings;
this.invalidate('settings');
this.trigger('changed', { property: { name: 'settings', value: this.settings } });
// DSI_SRA : fix https://github.com/OwlCarousel2/OwlCarousel2/issues/1200
//if (this._items.length > 0 && this.settings.items < this._items.length) this.settings.loop = true;
};
/**
* Updates option logic if necessery.
* @protected
*/
Owl.prototype.optionsLogic = function() {
if (this.settings.autoWidth) {
this.settings.stagePadding = false;
this.settings.merge = false;
}
};
/**
* Prepares an item before add.
* @todo Rename event parameter `content` to `item`.
* @protected
* @returns {jQuery|HTMLElement} - The item container.
*/
Owl.prototype.prepare = function(item) {
var event = this.trigger('prepare', { content: item });
if (!event.data) {
event.data = $('<' + this.settings.itemElement + '/>')
.addClass(this.options.itemClass).append(item)
}
this.trigger('prepared', { content: event.data });
return event.data;
};
/**
* Updates the view.
* @public
*/
Owl.prototype.update = function() {
var i = 0,
n = this._pipe.length,
filter = $.proxy(function(p) { return this[p] }, this._invalidated),
cache = {};
while (i < n) {
if (this._invalidated.all || $.grep(this._pipe[i].filter, filter).length > 0) {
this._pipe[i].run(cache);
}
i++;
}
this._invalidated = {};
!this.is('valid') && this.enter('valid');
};
/**
* Gets the width of the view.
* @public
* @param {Owl.Width} [dimension=Owl.Width.Default] - The dimension to return.
* @returns {Number} - The width of the view in pixel.
*/
Owl.prototype.width = function(dimension) {
dimension = dimension || Owl.Width.Default;
switch (dimension) {
case Owl.Width.Inner:
case Owl.Width.Outer:
return this._width;
default:
return this._width - this.settings.stagePadding * 2 + this.settings.margin;
}
};
/**
* Refreshes the carousel primarily for adaptive purposes.
* @public
*/
Owl.prototype.refresh = function() {
this.enter('refreshing');
this.trigger('refresh');
this.setup();
this.optionsLogic();
this.$element.addClass(this.options.refreshClass);
this.update();
this.$element.removeClass(this.options.refreshClass);
this.leave('refreshing');
this.trigger('refreshed');
};
/**
* Checks window `resize` event.
* @protected
*/
Owl.prototype.onThrottledResize = function() {
window.clearTimeout(this.resizeTimer);
this.resizeTimer = window.setTimeout(this._handlers.onResize, this.settings.responsiveRefreshRate);
};
/**
* Checks window `resize` event.
* @protected
*/
Owl.prototype.onResize = function() {
if (!this._items.length) {
return false;
}
if (this._width === this.$element.width()) {
return false;
}
if (!this.$element.is(':visible')) {
return false;
}
this.enter('resizing');
if (this.trigger('resize').isDefaultPrevented()) {
this.leave('resizing');
return false;
}
this.invalidate('width');
this.refresh();
this.leave('resizing');
this.trigger('resized');
};
/**
* Registers event handlers.
* @todo Check `msPointerEnabled`
* @todo #261
* @protected
*/
Owl.prototype.registerEventHandlers = function() {
if ($.support.transition) {
this.$stage.on($.support.transition.end + '.owl.core', $.proxy(this.onTransitionEnd, this));
}
if (this.settings.responsive !== false) {
this.on(window, 'resize', this._handlers.onThrottledResize);
}
if (this.settings.mouseDrag) {
this.$element.addClass(this.options.dragClass);
this.$stage.on('mousedown.owl.core', $.proxy(this.onDragStart, this));
this.$stage.on('dragstart.owl.core selectstart.owl.core', function() { return false });
}
if (this.settings.touchDrag){
this.$stage.on('touchstart.owl.core', $.proxy(this.onDragStart, this));
this.$stage.on('touchcancel.owl.core', $.proxy(this.onDragEnd, this));
}
};
/**
* Handles `touchstart` and `mousedown` events.
* @todo Horizontal swipe threshold as option
* @todo #261
* @protected
* @param {Event} event - The event arguments.
*/
Owl.prototype.onDragStart = function(event) {
var stage = null;
if (event.which === 3) {
return;
}
if ($.support.transform) {
stage = this.$stage.css('transform').replace(/.*\(|\)| /g, '').split(',');
stage = {
x: stage[stage.length === 16 ? 12 : 4],
y: stage[stage.length === 16 ? 13 : 5]
};
} else {
stage = this.$stage.position();
stage = {
x: this.settings.rtl ?
stage.left + this.$stage.width() - this.width() + this.settings.margin :
stage.left,
y: stage.top
};
}
if (this.is('animating')) {
$.support.transform ? this.animate(stage.x) : this.$stage.stop()
this.invalidate('position');
}
this.$element.toggleClass(this.options.grabClass, event.type === 'mousedown');
this.speed(0);
this._drag.time = new Date().getTime();
this._drag.target = $(event.target);
this._drag.stage.start = stage;
this._drag.stage.current = stage;
this._drag.pointer = this.pointer(event);
$(document).on('mouseup.owl.core touchend.owl.core', $.proxy(this.onDragEnd, this));
$(document).one('mousemove.owl.core touchmove.owl.core', $.proxy(function(event) {
var delta = this.difference(this._drag.pointer, this.pointer(event));
$(document).on('mousemove.owl.core touchmove.owl.core', $.proxy(this.onDragMove, this));
if (Math.abs(delta.x) < Math.abs(delta.y) && this.is('valid')) {
return;
}
event.preventDefault();
this.enter('dragging');
this.trigger('drag');
}, this));
};
/**
* Handles the `touchmove` and `mousemove` events.
* @todo #261
* @protected
* @param {Event} event - The event arguments.
*/
Owl.prototype.onDragMove = function(event) {
var minimum = null,
maximum = null,
pull = null,
delta = this.difference(this._drag.pointer, this.pointer(event)),
stage = this.difference(this._drag.stage.start, delta);
if (!this.is('dragging')) {
return;
}
event.preventDefault();
if (this.settings.loop) {
minimum = this.coordinates(this.minimum());
maximum = this.coordinates(this.maximum() + 1) - minimum;
stage.x = (((stage.x - minimum) % maximum + maximum) % maximum) + minimum;
} else {
minimum = this.settings.rtl ? this.coordinates(this.maximum()) : this.coordinates(this.minimum());
maximum = this.settings.rtl ? this.coordinates(this.minimum()) : this.coordinates(this.maximum());
pull = this.settings.pullDrag ? -1 * delta.x / 5 : 0;
stage.x = Math.max(Math.min(stage.x, minimum + pull), maximum + pull);
}
this._drag.stage.current = stage;
this.animate(stage.x);
};
/**
* Handles the `touchend` and `mouseup` events.
* @todo #261
* @todo Threshold for click event
* @protected
* @param {Event} event - The event arguments.
*/
Owl.prototype.onDragEnd = function(event) {
var delta = this.difference(this._drag.pointer, this.pointer(event)),
stage = this._drag.stage.current,
direction = delta.x > 0 ^ this.settings.rtl ? 'left' : 'right';
$(document).off('.owl.core');
this.$element.removeClass(this.options.grabClass);
if (delta.x !== 0 && this.is('dragging') || !this.is('valid')) {
this.speed(this.settings.dragEndSpeed || this.settings.smartSpeed);
this.current(this.closest(stage.x, delta.x !== 0 ? direction : this._drag.direction));
this.invalidate('position');
this.update();
this._drag.direction = direction;
if (Math.abs(delta.x) > 3 || new Date().getTime() - this._drag.time > 300) {
this._drag.target.one('click.owl.core', function() { return false; });
}
}
if (!this.is('dragging')) {
return;
}
this.leave('dragging');
this.trigger('dragged');
};
/**
* Gets absolute position of the closest item for a coordinate.
* @todo Setting `freeDrag` makes `closest` not reusable. See #165.
* @protected
* @param {Number} coordinate - The coordinate in pixel.
* @param {String} direction - The direction to check for the closest item. Ether `left` or `right`.
* @return {Number} - The absolute position of the closest item.
*/
Owl.prototype.closest = function(coordinate, direction) {
var position = -1,
pull = 30,
width = this.width(),
coordinates = this.coordinates();
if (!this.settings.freeDrag) {
// check closest item
$.each(coordinates, $.proxy(function(index, value) {
// on a left pull, check on current index
if (direction === 'left' && coordinate > value - pull && coordinate < value + pull) {
position = index;
// on a right pull, check on previous index
// to do so, subtract width from value and set position = index + 1
} else if (direction === 'right' && coordinate > value - width - pull && coordinate < value - width + pull) {
position = index + 1;
} else if (this.op(coordinate, '<', value)
&& this.op(coordinate, '>', coordinates[index + 1] || value - width)) {
position = direction === 'left' ? index + 1 : index;
}
return position === -1;
}, this));
}
if (!this.settings.loop) {
// non loop boundries
if (this.op(coordinate, '>', coordinates[this.minimum()])) {
position = coordinate = this.minimum();
} else if (this.op(coordinate, '<', coordinates[this.maximum()])) {
position = coordinate = this.maximum();
}
}
return position;
};
/**
* Animates the stage.
* @todo #270
* @public
* @param {Number} coordinate - The coordinate in pixels.
*/
Owl.prototype.animate = function(coordinate) {
var animate = this.speed() > 0;
this.is('animating') && this.onTransitionEnd();
if (animate) {
this.enter('animating');
this.trigger('translate');
}
if ($.support.transform3d && $.support.transition) {
this.$stage.css({
transform: 'translate3d(' + coordinate + 'px,0px,0px)',
transition: (this.speed() / 1000) + 's'
});
} else if (animate) {
this.$stage.animate({
left: coordinate + 'px'
}, this.speed(), this.settings.fallbackEasing, $.proxy(this.onTransitionEnd, this));
} else {
this.$stage.css({
left: coordinate + 'px'
});
}
};
/**
* Checks whether the carousel is in a specific state or not.
* @param {String} state - The state to check.
* @returns {Boolean} - The flag which indicates if the carousel is busy.
*/
Owl.prototype.is = function(state) {
return this._states.current[state] && this._states.current[state] > 0;
};
/**
* Sets the absolute position of the current item.
* @public
* @param {Number} [position] - The new absolute position or nothing to leave it unchanged.
* @returns {Number} - The absolute position of the current item.
*/
Owl.prototype.current = function(position) {
if (position === undefined) {
return this._current;
}
if (this._items.length === 0) {
return undefined;
}
position = this.normalize(position);
if (this._current !== position) {
var event = this.trigger('change', { property: { name: 'position', value: position } });
if (event.data !== undefined) {
position = this.normalize(event.data);
}
this._current = position;
this.invalidate('position');
this.trigger('changed', { property: { name: 'position', value: this._current } });
}
return this._current;
};
/**
* Invalidates the given part of the update routine.
* @param {String} [part] - The part to invalidate.
* @returns {Array.} - The invalidated parts.
*/
Owl.prototype.invalidate = function(part) {
if ($.type(part) === 'string') {
this._invalidated[part] = true;
this.is('valid') && this.leave('valid');
}
return $.map(this._invalidated, function(v, i) { return i });
};
/**
* Resets the absolute position of the current item.
* @public
* @param {Number} position - The absolute position of the new item.
*/
Owl.prototype.reset = function(position) {
position = this.normalize(position);
if (position === undefined) {
return;
}
this._speed = 0;
this._current = position;
this.suppress([ 'translate', 'translated' ]);
this.animate(this.coordinates(position));
this.release([ 'translate', 'translated' ]);
};
/**
* Normalizes an absolute or a relative position of an item.
* @public
* @param {Number} position - The absolute or relative position to normalize.
* @param {Boolean} [relative=false] - Whether the given position is relative or not.
* @returns {Number} - The normalized position.
*/
Owl.prototype.normalize = function(position, relative) {
var n = this._items.length,
m = relative ? 0 : this._clones.length;
if (!this.isNumeric(position) || n < 1) {
position = undefined;
} else if (position < 0 || position >= n + m) {
position = ((position - m / 2) % n + n) % n + m / 2;
}
return position;
};
/**
* Converts an absolute position of an item into a relative one.
* @public
* @param {Number} position - The absolute position to convert.
* @returns {Number} - The converted position.
*/
Owl.prototype.relative = function(position) {
position -= this._clones.length / 2;
return this.normalize(position, true);
};
/**
* Gets the maximum position for the current item.
* @public
* @param {Boolean} [relative=false] - Whether to return an absolute position or a relative position.
* @returns {Number}
*/
Owl.prototype.maximum = function(relative) {
var settings = this.settings,
maximum = this._coordinates.length,
iterator,
reciprocalItemsWidth,
elementWidth;
if (settings.loop) {
maximum = this._clones.length / 2 + this._items.length - 1;
} else if (settings.autoWidth || settings.merge) {
iterator = this._items.length;
reciprocalItemsWidth = this._items[--iterator].width();
elementWidth = this.$element.width();
while (iterator--) {
reciprocalItemsWidth += this._items[iterator].width() + this.settings.margin;
if (reciprocalItemsWidth > elementWidth) {
break;
}
}
maximum = iterator + 1;
} else if (settings.center) {
maximum = this._items.length - 1;
} else {
maximum = this._items.length - settings.items;
}
if (relative) {
maximum -= this._clones.length / 2;
}
return Math.max(maximum, 0);
};
/**
* Gets the minimum position for the current item.
* @public
* @param {Boolean} [relative=false] - Whether to return an absolute position or a relative position.
* @returns {Number}
*/
Owl.prototype.minimum = function(relative) {
return relative ? 0 : this._clones.length / 2;
};
/**
* Gets an item at the specified relative position.
* @public
* @param {Number} [position] - The relative position of the item.
* @return {jQuery|Array.} - The item at the given position or all items if no position was given.
*/
Owl.prototype.items = function(position) {
if (position === undefined) {
return this._items.slice();
}
position = this.normalize(position, true);
return this._items[position];
};
/**
* Gets an item at the specified relative position.
* @public
* @param {Number} [position] - The relative position of the item.
* @return {jQuery|Array.} - The item at the given position or all items if no position was given.
*/
Owl.prototype.mergers = function(position) {
if (position === undefined) {
return this._mergers.slice();
}
position = this.normalize(position, true);
return this._mergers[position];
};
/**
* Gets the absolute positions of clones for an item.
* @public
* @param {Number} [position] - The relative position of the item.
* @returns {Array.} - The absolute positions of clones for the item or all if no position was given.
*/
Owl.prototype.clones = function(position) {
var odd = this._clones.length / 2,
even = odd + this._items.length,
map = function(index) { return index % 2 === 0 ? even + index / 2 : odd - (index + 1) / 2 };
if (position === undefined) {
return $.map(this._clones, function(v, i) { return map(i) });
}
return $.map(this._clones, function(v, i) { return v === position ? map(i) : null });
};
/**
* Sets the current animation speed.
* @public
* @param {Number} [speed] - The animation speed in milliseconds or nothing to leave it unchanged.
* @returns {Number} - The current animation speed in milliseconds.
*/
Owl.prototype.speed = function(speed) {
if (speed !== undefined) {
this._speed = speed;
}
return this._speed;
};
/**
* Gets the coordinate of an item.
* @todo The name of this method is missleanding.
* @public
* @param {Number} position - The absolute position of the item within `minimum()` and `maximum()`.
* @returns {Number|Array.} - The coordinate of the item in pixel or all coordinates.
*/
Owl.prototype.coordinates = function(position) {
var multiplier = 1,
newPosition = position - 1,
coordinate;
if (position === undefined) {
return $.map(this._coordinates, $.proxy(function(coordinate, index) {
return this.coordinates(index);
}, this));
}
if (this.settings.center) {
if (this.settings.rtl) {
multiplier = -1;
newPosition = position + 1;
}
coordinate = this._coordinates[position];
coordinate += (this.width() - coordinate + (this._coordinates[newPosition] || 0)) / 2 * multiplier;
} else {
coordinate = this._coordinates[newPosition] || 0;
}
coordinate = Math.ceil(coordinate);
return coordinate;
};
/**
* Calculates the speed for a translation.
* @protected
* @param {Number} from - The absolute position of the start item.
* @param {Number} to - The absolute position of the target item.
* @param {Number} [factor=undefined] - The time factor in milliseconds.
* @returns {Number} - The time in milliseconds for the translation.
*/
Owl.prototype.duration = function(from, to, factor) {
if (factor === 0) {
return 0;
}
return Math.min(Math.max(Math.abs(to - from), 1), 6) * Math.abs((factor || this.settings.smartSpeed));
};
/**
* Slides to the specified item.
* @public
* @param {Number} position - The position of the item.
* @param {Number} [speed] - The time in milliseconds for the transition.
*/
Owl.prototype.to = function(position, speed) {
var current = this.current(),
revert = null,
distance = position - this.relative(current),
direction = (distance > 0) - (distance < 0),
items = this._items.length,
minimum = this.minimum(),
maximum = this.maximum();
if (this.settings.loop) {
if (!this.settings.rewind && Math.abs(distance) > items / 2) {
distance += direction * -1 * items;
}
position = current + distance;
revert = ((position - minimum) % items + items) % items + minimum;
if (revert !== position && revert - distance <= maximum && revert - distance > 0) {
current = revert - distance;
position = revert;
this.reset(current);
}
} else if (this.settings.rewind) {
maximum += 1;
position = (position % maximum + maximum) % maximum;
} else {
position = Math.max(minimum, Math.min(maximum, position));
}
this.speed(this.duration(current, position, speed));
this.current(position);
if (this.$element.is(':visible')) {
this.update();
}
};
/**
* Slides to the next item.
* @public
* @param {Number} [speed] - The time in milliseconds for the transition.
*/
Owl.prototype.next = function(speed) {
speed = speed || false;
this.to(this.relative(this.current()) + 1, speed);
};
/**
* Slides to the previous item.
* @public
* @param {Number} [speed] - The time in milliseconds for the transition.
*/
Owl.prototype.prev = function(speed) {
speed = speed || false;
this.to(this.relative(this.current()) - 1, speed);
};
/**
* Handles the end of an animation.
* @protected
* @param {Event} event - The event arguments.
*/
Owl.prototype.onTransitionEnd = function(event) {
// if css2 animation then event object is undefined
if (event !== undefined) {
event.stopPropagation();
// Catch only owl-stage transitionEnd event
if ((event.target || event.srcElement || event.originalTarget) !== this.$stage.get(0)) {
return false;
}
}
this.leave('animating');
this.trigger('translated');
};
/**
* Gets viewport width.
* @protected
* @return {Number} - The width in pixel.
*/
Owl.prototype.viewport = function() {
var width;
if (this.options.responsiveBaseElement !== window) {
width = $(this.options.responsiveBaseElement).width();
} else if (window.innerWidth) {
width = window.innerWidth;
} else if (document.documentElement && document.documentElement.clientWidth) {
width = document.documentElement.clientWidth;
} else {
console.warn('Can not detect viewport width.');
}
return width;
};
/**
* Replaces the current content.
* @public
* @param {HTMLElement|jQuery|String} content - The new content.
*/
Owl.prototype.replace = function(content) {
this.$stage.empty();
this._items = [];
if (content) {
content = (content instanceof jQuery) ? content : $(content);
}
if (this.settings.nestedItemSelector) {
content = content.find('.' + this.settings.nestedItemSelector);
}
content.filter(function() {
return this.nodeType === 1;
}).each($.proxy(function(index, item) {
item = this.prepare(item);
this.$stage.append(item);
this._items.push(item);
this._mergers.push(item.find('[data-merge]').addBack('[data-merge]').attr('data-merge') * 1 || 1);
}, this));
this.reset(this.isNumeric(this.settings.startPosition) ? this.settings.startPosition : 0);
this.invalidate('items');
};
/**
* Adds an item.
* @todo Use `item` instead of `content` for the event arguments.
* @public
* @param {HTMLElement|jQuery|String} content - The item content to add.
* @param {Number} [position] - The relative position at which to insert the item otherwise the item will be added to the end.
*/
Owl.prototype.add = function(content, position) {
var current = this.relative(this._current);
position = position === undefined ? this._items.length : this.normalize(position, true);
content = content instanceof jQuery ? content : $(content);
this.trigger('add', { content: content, position: position });
content = this.prepare(content);
if (this._items.length === 0 || position === this._items.length) {
this._items.length === 0 && this.$stage.append(content);
this._items.length !== 0 && this._items[position - 1].after(content);
this._items.push(content);
this._mergers.push(content.find('[data-merge]').addBack('[data-merge]').attr('data-merge') * 1 || 1);
} else {
this._items[position].before(content);
this._items.splice(position, 0, content);
this._mergers.splice(position, 0, content.find('[data-merge]').addBack('[data-merge]').attr('data-merge') * 1 || 1);
}
this._items[current] && this.reset(this._items[current].index());
this.invalidate('items');
this.trigger('added', { content: content, position: position });
};
/**
* Removes an item by its position.
* @todo Use `item` instead of `content` for the event arguments.
* @public
* @param {Number} position - The relative position of the item to remove.
*/
Owl.prototype.remove = function(position) {
position = this.normalize(position, true);
if (position === undefined) {
return;
}
this.trigger('remove', { content: this._items[position], position: position });
this._items[position].remove();
this._items.splice(position, 1);
this._mergers.splice(position, 1);
this.invalidate('items');
this.trigger('removed', { content: null, position: position });
};
/**
* Preloads images with auto width.
* @todo Replace by a more generic approach
* @protected
*/
Owl.prototype.preloadAutoWidthImages = function(images) {
images.each($.proxy(function(i, element) {
this.enter('pre-loading');
element = $(element);
$(new Image()).one('load', $.proxy(function(e) {
element.attr('src', e.target.src);
element.css('opacity', 1);
this.leave('pre-loading');
!this.is('pre-loading') && !this.is('initializing') && this.refresh();
}, this)).attr('src', element.attr('src') || element.attr('data-src') || element.attr('data-src-retina'));
}, this));
};
/**
* Destroys the carousel.
* @public
*/
Owl.prototype.destroy = function() {
this.$element.off('.owl.core');
this.$stage.off('.owl.core');
$(document).off('.owl.core');
if (this.settings.responsive !== false) {
window.clearTimeout(this.resizeTimer);
this.off(window, 'resize', this._handlers.onThrottledResize);
}
for (var i in this._plugins) {
this._plugins[i].destroy();
}
this.$stage.children('.cloned').remove();
this.$stage.unwrap();
this.$stage.children().contents().unwrap();
this.$stage.children().unwrap();
this.$element
.removeClass(this.options.refreshClass)
.removeClass(this.options.loadingClass)
.removeClass(this.options.loadedClass)
.removeClass(this.options.rtlClass)
.removeClass(this.options.dragClass)
.removeClass(this.options.grabClass)
.attr('class', this.$element.attr('class').replace(new RegExp(this.options.responsiveClass + '-\\S+\\s', 'g'), ''))
.removeData('owl.carousel');
};
/**
* Operators to calculate right-to-left and left-to-right.
* @protected
* @param {Number} [a] - The left side operand.
* @param {String} [o] - The operator.
* @param {Number} [b] - The right side operand.
*/
Owl.prototype.op = function(a, o, b) {
var rtl = this.settings.rtl;
switch (o) {
case '<':
return rtl ? a > b : a < b;
case '>':
return rtl ? a < b : a > b;
case '>=':
return rtl ? a <= b : a >= b;
case '<=':
return rtl ? a >= b : a <= b;
default:
break;
}
};
/**
* Attaches to an internal event.
* @protected
* @param {HTMLElement} element - The event source.
* @param {String} event - The event name.
* @param {Function} listener - The event handler to attach.
* @param {Boolean} capture - Wether the event should be handled at the capturing phase or not.
*/
Owl.prototype.on = function(element, event, listener, capture) {
if (element.addEventListener) {
element.addEventListener(event, listener, capture);
} else if (element.attachEvent) {
element.attachEvent('on' + event, listener);
}
};
/**
* Detaches from an internal event.
* @protected
* @param {HTMLElement} element - The event source.
* @param {String} event - The event name.
* @param {Function} listener - The attached event handler to detach.
* @param {Boolean} capture - Wether the attached event handler was registered as a capturing listener or not.
*/
Owl.prototype.off = function(element, event, listener, capture) {
if (element.removeEventListener) {
element.removeEventListener(event, listener, capture);
} else if (element.detachEvent) {
element.detachEvent('on' + event, listener);
}
};
/**
* Triggers a public event.
* @todo Remove `status`, `relatedTarget` should be used instead.
* @protected
* @param {String} name - The event name.
* @param {*} [data=null] - The event data.
* @param {String} [namespace=carousel] - The event namespace.
* @param {String} [state] - The state which is associated with the event.
* @param {Boolean} [enter=false] - Indicates if the call enters the specified state or not.
* @returns {Event} - The event arguments.
*/
Owl.prototype.trigger = function(name, data, namespace, state, enter) {
var status = {
item: { count: this._items.length, index: this.current() }
}, handler = $.camelCase(
$.grep([ 'on', name, namespace ], function(v) { return v })
.join('-').toLowerCase()
), event = $.Event(
[ name, 'owl', namespace || 'carousel' ].join('.').toLowerCase(),
$.extend({ relatedTarget: this }, status, data)
);
if (!this._supress[name]) {
$.each(this._plugins, function(name, plugin) {
if (plugin.onTrigger) {
plugin.onTrigger(event);
}
});
this.register({ type: Owl.Type.Event, name: name });
this.$element.trigger(event);
if (this.settings && typeof this.settings[handler] === 'function') {
this.settings[handler].call(this, event);
}
}
return event;
};
/**
* Enters a state.
* @param name - The state name.
*/
Owl.prototype.enter = function(name) {
$.each([ name ].concat(this._states.tags[name] || []), $.proxy(function(i, name) {
if (this._states.current[name] === undefined) {
this._states.current[name] = 0;
}
this._states.current[name]++;
}, this));
};
/**
* Leaves a state.
* @param name - The state name.
*/
Owl.prototype.leave = function(name) {
$.each([ name ].concat(this._states.tags[name] || []), $.proxy(function(i, name) {
this._states.current[name]--;
}, this));
};
/**
* Registers an event or state.
* @public
* @param {Object} object - The event or state to register.
*/
Owl.prototype.register = function(object) {
if (object.type === Owl.Type.Event) {
if (!$.event.special[object.name]) {
$.event.special[object.name] = {};
}
if (!$.event.special[object.name].owl) {
var _default = $.event.special[object.name]._default;
$.event.special[object.name]._default = function(e) {
if (_default && _default.apply && (!e.namespace || e.namespace.indexOf('owl') === -1)) {
return _default.apply(this, arguments);
}
return e.namespace && e.namespace.indexOf('owl') > -1;
};
$.event.special[object.name].owl = true;
}
} else if (object.type === Owl.Type.State) {
if (!this._states.tags[object.name]) {
this._states.tags[object.name] = object.tags;
} else {
this._states.tags[object.name] = this._states.tags[object.name].concat(object.tags);
}
this._states.tags[object.name] = $.grep(this._states.tags[object.name], $.proxy(function(tag, i) {
return $.inArray(tag, this._states.tags[object.name]) === i;
}, this));
}
};
/**
* Suppresses events.
* @protected
* @param {Array.} events - The events to suppress.
*/
Owl.prototype.suppress = function(events) {
$.each(events, $.proxy(function(index, event) {
this._supress[event] = true;
}, this));
};
/**
* Releases suppressed events.
* @protected
* @param {Array.} events - The events to release.
*/
Owl.prototype.release = function(events) {
$.each(events, $.proxy(function(index, event) {
delete this._supress[event];
}, this));
};
/**
* Gets unified pointer coordinates from event.
* @todo #261
* @protected
* @param {Event} - The `mousedown` or `touchstart` event.
* @returns {Object} - Contains `x` and `y` coordinates of current pointer position.
*/
Owl.prototype.pointer = function(event) {
var result = { x: null, y: null };
event = event.originalEvent || event || window.event;
event = event.touches && event.touches.length ?
event.touches[0] : event.changedTouches && event.changedTouches.length ?
event.changedTouches[0] : event;
if (event.pageX) {
result.x = event.pageX;
result.y = event.pageY;
} else {
result.x = event.clientX;
result.y = event.clientY;
}
return result;
};
/**
* Determines if the input is a Number or something that can be coerced to a Number
* @protected
* @param {Number|String|Object|Array|Boolean|RegExp|Function|Symbol} - The input to be tested
* @returns {Boolean} - An indication if the input is a Number or can be coerced to a Number
*/
Owl.prototype.isNumeric = function(number) {
return !isNaN(parseFloat(number));
};
/**
* Gets the difference of two vectors.
* @todo #261
* @protected
* @param {Object} - The first vector.
* @param {Object} - The second vector.
* @returns {Object} - The difference.
*/
Owl.prototype.difference = function(first, second) {
return {
x: first.x - second.x,
y: first.y - second.y
};
};
/**
* The jQuery Plugin for the Owl Carousel
* @todo Navigation plugin `next` and `prev`
* @public
*/
$.fn.owlCarousel = function(option) {
var args = Array.prototype.slice.call(arguments, 1);
return this.each(function() {
var $this = $(this),
data = $this.data('owl.carousel');
if (!data) {
data = new Owl(this, typeof option == 'object' && option);
$this.data('owl.carousel', data);
$.each([
'next', 'prev', 'to', 'destroy', 'refresh', 'replace', 'add', 'remove'
], function(i, event) {
data.register({ type: Owl.Type.Event, name: event });
data.$element.on(event + '.owl.carousel.core', $.proxy(function(e) {
if (e.namespace && e.relatedTarget !== this) {
this.suppress([ event ]);
data[event].apply(this, [].slice.call(arguments, 1));
this.release([ event ]);
}
}, data));
});
}
if (typeof option == 'string' && option.charAt(0) !== '_') {
data[option].apply(data, args);
}
});
};
/**
* The constructor for the jQuery Plugin
* @public
*/
$.fn.owlCarousel.Constructor = Owl;
})(window.Zepto || window.jQuery, window, document);
/**
* AutoRefresh Plugin
* @version 2.1.0
* @author Artus Kolanowski
* @author David Deutsch
* @license The MIT License (MIT)
*/
;(function($, window, document, undefined) {
/**
* Creates the auto refresh plugin.
* @class The Auto Refresh Plugin
* @param {Owl} carousel - The Owl Carousel
*/
var AutoRefresh = function(carousel) {
/**
* Reference to the core.
* @protected
* @type {Owl}
*/
this._core = carousel;
/**
* Refresh interval.
* @protected
* @type {number}
*/
this._interval = null;
/**
* Whether the element is currently visible or not.
* @protected
* @type {Boolean}
*/
this._visible = null;
/**
* All event handlers.
* @protected
* @type {Object}
*/
this._handlers = {
'initialized.owl.carousel': $.proxy(function(e) {
if (e.namespace && this._core.settings.autoRefresh) {
this.watch();
}
}, this)
};
// set default options
this._core.options = $.extend({}, AutoRefresh.Defaults, this._core.options);
// register event handlers
this._core.$element.on(this._handlers);
};
/**
* Default options.
* @public
*/
AutoRefresh.Defaults = {
autoRefresh: true,
autoRefreshInterval: 500
};
/**
* Watches the element.
*/
AutoRefresh.prototype.watch = function() {
if (this._interval) {
return;
}
this._visible = this._core.$element.is(':visible');
this._interval = window.setInterval($.proxy(this.refresh, this), this._core.settings.autoRefreshInterval);
};
/**
* Refreshes the element.
*/
AutoRefresh.prototype.refresh = function() {
if (this._core.$element.is(':visible') === this._visible) {
return;
}
this._visible = !this._visible;
this._core.$element.toggleClass('owl-hidden', !this._visible);
this._visible && (this._core.invalidate('width') && this._core.refresh());
};
/**
* Destroys the plugin.
*/
AutoRefresh.prototype.destroy = function() {
var handler, property;
window.clearInterval(this._interval);
for (handler in this._handlers) {
this._core.$element.off(handler, this._handlers[handler]);
}
for (property in Object.getOwnPropertyNames(this)) {
typeof this[property] != 'function' && (this[property] = null);
}
};
$.fn.owlCarousel.Constructor.Plugins.AutoRefresh = AutoRefresh;
})(window.Zepto || window.jQuery, window, document);
/**
* Lazy Plugin
* @version 2.1.0
* @author Bartosz Wojciechowski
* @author David Deutsch
* @license The MIT License (MIT)
*/
;(function($, window, document, undefined) {
/**
* Creates the lazy plugin.
* @class The Lazy Plugin
* @param {Owl} carousel - The Owl Carousel
*/
var Lazy = function(carousel) {
/**
* Reference to the core.
* @protected
* @type {Owl}
*/
this._core = carousel;
/**
* Already loaded items.
* @protected
* @type {Array.}
*/
this._loaded = [];
/**
* Event handlers.
* @protected
* @type {Object}
*/
this._handlers = {
'initialized.owl.carousel change.owl.carousel resized.owl.carousel': $.proxy(function(e) {
if (!e.namespace) {
return;
}
if (!this._core.settings || !this._core.settings.lazyLoad) {
return;
}
if ((e.property && e.property.name == 'position') || e.type == 'initialized') {
var settings = this._core.settings,
n = (settings.center && Math.ceil(settings.items / 2) || settings.items),
i = ((settings.center && n * -1) || 0),
position = (e.property && e.property.value !== undefined ? e.property.value : this._core.current()) + i,
clones = this._core.clones().length,
load = $.proxy(function(i, v) { this.load(v) }, this);
while (i++ < n) {
this.load(clones / 2 + this._core.relative(position));
clones && $.each(this._core.clones(this._core.relative(position)), load);
position++;
}
}
}, this)
};
// set the default options
this._core.options = $.extend({}, Lazy.Defaults, this._core.options);
// register event handler
this._core.$element.on(this._handlers);
};
/**
* Default options.
* @public
*/
Lazy.Defaults = {
lazyLoad: false
};
/**
* Loads all resources of an item at the specified position.
* @param {Number} position - The absolute position of the item.
* @protected
*/
Lazy.prototype.load = function(position) {
var $item = this._core.$stage.children().eq(position),
$elements = $item && $item.find('.owl-lazy');
if (!$elements || $.inArray($item.get(0), this._loaded) > -1) {
return;
}
$elements.each($.proxy(function(index, element) {
var $element = $(element), image,
url = (window.devicePixelRatio > 1 && $element.attr('data-src-retina')) || $element.attr('data-src');
this._core.trigger('load', { element: $element, url: url }, 'lazy');
if ($element.is('img')) {
$element.one('load.owl.lazy', $.proxy(function() {
$element.css('opacity', 1);
this._core.trigger('loaded', { element: $element, url: url }, 'lazy');
}, this)).attr('src', url);
} else {
image = new Image();
image.onload = $.proxy(function() {
$element.css({
'background-image': 'url("' + url + '")',
'opacity': '1'
});
this._core.trigger('loaded', { element: $element, url: url }, 'lazy');
}, this);
image.src = url;
}
}, this));
this._loaded.push($item.get(0));
};
/**
* Destroys the plugin.
* @public
*/
Lazy.prototype.destroy = function() {
var handler, property;
for (handler in this.handlers) {
this._core.$element.off(handler, this.handlers[handler]);
}
for (property in Object.getOwnPropertyNames(this)) {
typeof this[property] != 'function' && (this[property] = null);
}
};
$.fn.owlCarousel.Constructor.Plugins.Lazy = Lazy;
})(window.Zepto || window.jQuery, window, document);
/**
* AutoHeight Plugin
* @version 2.1.0
* @author Bartosz Wojciechowski
* @author David Deutsch
* @license The MIT License (MIT)
*/
;(function($, window, document, undefined) {
/**
* Creates the auto height plugin.
* @class The Auto Height Plugin
* @param {Owl} carousel - The Owl Carousel
*/
var AutoHeight = function(carousel) {
/**
* Reference to the core.
* @protected
* @type {Owl}
*/
this._core = carousel;
/**
* All event handlers.
* @protected
* @type {Object}
*/
this._handlers = {
'initialized.owl.carousel refreshed.owl.carousel': $.proxy(function(e) {
if (e.namespace && this._core.settings.autoHeight) {
this.update();
}
}, this),
'changed.owl.carousel': $.proxy(function(e) {
if (e.namespace && this._core.settings.autoHeight && e.property.name == 'position'){
this.update();
}
}, this),
'loaded.owl.lazy': $.proxy(function(e) {
if (e.namespace && this._core.settings.autoHeight
&& e.element.closest('.' + this._core.settings.itemClass).index() === this._core.current()) {
this.update();
}
}, this)
};
// set default options
this._core.options = $.extend({}, AutoHeight.Defaults, this._core.options);
// register event handlers
this._core.$element.on(this._handlers);
};
/**
* Default options.
* @public
*/
AutoHeight.Defaults = {
autoHeight: false,
autoHeightClass: 'owl-height'
};
/**
* Updates the view.
*/
AutoHeight.prototype.update = function() {
var start = this._core._current,
end = start + this._core.settings.items,
visible = this._core.$stage.children().toArray().slice(start, end),
heights = [],
maxheight = 0;
$.each(visible, function(index, item) {
heights.push($(item).height());
});
maxheight = Math.max.apply(null, heights);
this._core.$stage.parent()
.height(maxheight)
.addClass(this._core.settings.autoHeightClass);
};
AutoHeight.prototype.destroy = function() {
var handler, property;
for (handler in this._handlers) {
this._core.$element.off(handler, this._handlers[handler]);
}
for (property in Object.getOwnPropertyNames(this)) {
typeof this[property] != 'function' && (this[property] = null);
}
};
$.fn.owlCarousel.Constructor.Plugins.AutoHeight = AutoHeight;
})(window.Zepto || window.jQuery, window, document);
/**
* Video Plugin
* @version 2.1.0
* @author Bartosz Wojciechowski
* @author David Deutsch
* @license The MIT License (MIT)
*/
;(function($, window, document, undefined) {
/**
* Creates the video plugin.
* @class The Video Plugin
* @param {Owl} carousel - The Owl Carousel
*/
var Video = function(carousel) {
/**
* Reference to the core.
* @protected
* @type {Owl}
*/
this._core = carousel;
/**
* Cache all video URLs.
* @protected
* @type {Object}
*/
this._videos = {};
/**
* Current playing item.
* @protected
* @type {jQuery}
*/
this._playing = null;
/**
* All event handlers.
* @todo The cloned content removale is too late
* @protected
* @type {Object}
*/
this._handlers = {
'initialized.owl.carousel': $.proxy(function(e) {
if (e.namespace) {
this._core.register({ type: 'state', name: 'playing', tags: [ 'interacting' ] });
}
}, this),
'resize.owl.carousel': $.proxy(function(e) {
if (e.namespace && this._core.settings.video && this.isInFullScreen()) {
e.preventDefault();
}
}, this),
'refreshed.owl.carousel': $.proxy(function(e) {
if (e.namespace && this._core.is('resizing')) {
this._core.$stage.find('.cloned .owl-video-frame').remove();
}
}, this),
'changed.owl.carousel': $.proxy(function(e) {
if (e.namespace && e.property.name === 'position' && this._playing) {
this.stop();
}
}, this),
'prepared.owl.carousel': $.proxy(function(e) {
if (!e.namespace) {
return;
}
var $element = $(e.content).find('.owl-video');
if ($element.length) {
$element.css('display', 'none');
this.fetch($element, $(e.content));
}
}, this)
};
// set default options
this._core.options = $.extend({}, Video.Defaults, this._core.options);
// register event handlers
this._core.$element.on(this._handlers);
this._core.$element.on('click.owl.video', '.owl-video-play-icon', $.proxy(function(e) {
this.play(e);
}, this));
};
/**
* Default options.
* @public
*/
Video.Defaults = {
video: false,
videoHeight: false,
videoWidth: false
};
/**
* Gets the video ID and the type (YouTube/Vimeo/vzaar only).
* @protected
* @param {jQuery} target - The target containing the video data.
* @param {jQuery} item - The item containing the video.
*/
Video.prototype.fetch = function(target, item) {
var type = (function() {
if (target.attr('data-vimeo-id')) {
return 'vimeo';
} else if (target.attr('data-vzaar-id')) {
return 'vzaar'
} else {
return 'youtube';
}
})(),
id = target.attr('data-vimeo-id') || target.attr('data-youtube-id') || target.attr('data-vzaar-id'),
width = target.attr('data-width') || this._core.settings.videoWidth,
height = target.attr('data-height') || this._core.settings.videoHeight,
url = target.attr('href');
if (url) {
/*
Parses the id's out of the following urls (and probably more):
https://www.youtube.com/watch?v=:id
https://youtu.be/:id
https://vimeo.com/:id
https://vimeo.com/channels/:channel/:id
https://vimeo.com/groups/:group/videos/:id
https://app.vzaar.com/videos/:id
Visual example: https://regexper.com/#(http%3A%7Chttps%3A%7C)%5C%2F%5C%2F(player.%7Cwww.%7Capp.)%3F(vimeo%5C.com%7Cyoutu(be%5C.com%7C%5C.be%7Cbe%5C.googleapis%5C.com)%7Cvzaar%5C.com)%5C%2F(video%5C%2F%7Cvideos%5C%2F%7Cembed%5C%2F%7Cchannels%5C%2F.%2B%5C%2F%7Cgroups%5C%2F.%2B%5C%2F%7Cwatch%5C%3Fv%3D%7Cv%5C%2F)%3F(%5BA-Za-z0-9._%25-%5D*)(%5C%26%5CS%2B)%3F
*/
id = url.match(/(http:|https:|)\/\/(player.|www.|app.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com)|vzaar\.com)\/(video\/|videos\/|embed\/|channels\/.+\/|groups\/.+\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/);
if (id[3].indexOf('youtu') > -1) {
type = 'youtube';
} else if (id[3].indexOf('vimeo') > -1) {
type = 'vimeo';
} else if (id[3].indexOf('vzaar') > -1) {
type = 'vzaar';
} else {
throw new Error('Video URL not supported.');
}
id = id[6];
} else {
throw new Error('Missing video URL.');
}
this._videos[url] = {
type: type,
id: id,
width: width,
height: height
};
item.attr('data-video', url);
this.thumbnail(target, this._videos[url]);
};
/**
* Creates video thumbnail.
* @protected
* @param {jQuery} target - The target containing the video data.
* @param {Object} info - The video info object.
* @see `fetch`
*/
Video.prototype.thumbnail = function(target, video) {
var tnLink,
icon,
path,
dimensions = video.width && video.height ? 'style="width:' + video.width + 'px;height:' + video.height + 'px;"' : '',
customTn = target.find('img'),
srcType = 'src',
lazyClass = '',
settings = this._core.settings,
create = function(path) {
icon = '';
if (settings.lazyLoad) {
tnLink = '';
} else {
tnLink = '';
}
target.after(tnLink);
target.after(icon);
};
// wrap video content into owl-video-wrapper div
target.wrap('');
if (this._core.settings.lazyLoad) {
srcType = 'data-src';
lazyClass = 'owl-lazy';
}
// custom thumbnail
if (customTn.length) {
create(customTn.attr(srcType));
customTn.remove();
return false;
}
if (video.type === 'youtube') {
path = "//img.youtube.com/vi/" + video.id + "/hqdefault.jpg";
create(path);
} else if (video.type === 'vimeo') {
$.ajax({
type: 'GET',
url: '//vimeo.com/api/v2/video/' + video.id + '.json',
jsonp: 'callback',
dataType: 'jsonp',
success: function(data) {
path = data[0].thumbnail_large;
create(path);
}
});
} else if (video.type === 'vzaar') {
$.ajax({
type: 'GET',
url: '//vzaar.com/api/videos/' + video.id + '.json',
jsonp: 'callback',
dataType: 'jsonp',
success: function(data) {
path = data.framegrab_url;
create(path);
}
});
}
};
/**
* Stops the current video.
* @public
*/
Video.prototype.stop = function() {
this._core.trigger('stop', null, 'video');
this._playing.find('.owl-video-frame').remove();
this._playing.removeClass('owl-video-playing');
this._playing = null;
this._core.leave('playing');
this._core.trigger('stopped', null, 'video');
};
/**
* Starts the current video.
* @public
* @param {Event} event - The event arguments.
*/
Video.prototype.play = function(event) {
var target = $(event.target),
item = target.closest('.' + this._core.settings.itemClass),
video = this._videos[item.attr('data-video')],
width = video.width || '100%',
height = video.height || this._core.$stage.height(),
html;
if (this._playing) {
return;
}
this._core.enter('playing');
this._core.trigger('play', null, 'video');
item = this._core.items(this._core.relative(item.index()));
this._core.reset(item.index());
if (video.type === 'youtube') {
html = '';
} else if (video.type === 'vimeo') {
html = '';
} else if (video.type === 'vzaar') {
html = '';
}
$('' + html + '
').insertAfter(item.find('.owl-video'));
this._playing = item.addClass('owl-video-playing');
};
/**
* Checks whether an video is currently in full screen mode or not.
* @todo Bad style because looks like a readonly method but changes members.
* @protected
* @returns {Boolean}
*/
Video.prototype.isInFullScreen = function() {
var element = document.fullscreenElement || document.mozFullScreenElement ||
document.webkitFullscreenElement;
return element && $(element).parent().hasClass('owl-video-frame');
};
/**
* Destroys the plugin.
*/
Video.prototype.destroy = function() {
var handler, property;
this._core.$element.off('click.owl.video');
for (handler in this._handlers) {
this._core.$element.off(handler, this._handlers[handler]);
}
for (property in Object.getOwnPropertyNames(this)) {
typeof this[property] != 'function' && (this[property] = null);
}
};
$.fn.owlCarousel.Constructor.Plugins.Video = Video;
})(window.Zepto || window.jQuery, window, document);
/**
* Animate Plugin
* @version 2.1.0
* @author Bartosz Wojciechowski
* @author David Deutsch
* @license The MIT License (MIT)
*/
;(function($, window, document, undefined) {
/**
* Creates the animate plugin.
* @class The Navigation Plugin
* @param {Owl} scope - The Owl Carousel
*/
var Animate = function(scope) {
this.core = scope;
this.core.options = $.extend({}, Animate.Defaults, this.core.options);
this.swapping = true;
this.previous = undefined;
this.next = undefined;
this.handlers = {
'change.owl.carousel': $.proxy(function(e) {
if (e.namespace && e.property.name == 'position') {
this.previous = this.core.current();
this.next = e.property.value;
}
}, this),
'drag.owl.carousel dragged.owl.carousel translated.owl.carousel': $.proxy(function(e) {
if (e.namespace) {
this.swapping = e.type == 'translated';
}
}, this),
'translate.owl.carousel': $.proxy(function(e) {
if (e.namespace && this.swapping && (this.core.options.animateOut || this.core.options.animateIn)) {
this.swap();
}
}, this)
};
this.core.$element.on(this.handlers);
};
/**
* Default options.
* @public
*/
Animate.Defaults = {
animateOut: false,
animateIn: false
};
/**
* Toggles the animation classes whenever an translations starts.
* @protected
* @returns {Boolean|undefined}
*/
Animate.prototype.swap = function() {
if (this.core.settings.items !== 1) {
return;
}
if (!$.support.animation || !$.support.transition) {
return;
}
this.core.speed(0);
var left,
clear = $.proxy(this.clear, this),
previous = this.core.$stage.children().eq(this.previous),
next = this.core.$stage.children().eq(this.next),
incoming = this.core.settings.animateIn,
outgoing = this.core.settings.animateOut;
if (this.core.current() === this.previous) {
return;
}
if (outgoing) {
left = this.core.coordinates(this.previous) - this.core.coordinates(this.next);
previous.one($.support.animation.end, clear)
.css( { 'left': left + 'px' } )
.addClass('animated owl-animated-out')
.addClass(outgoing);
}
if (incoming) {
next.one($.support.animation.end, clear)
.addClass('animated owl-animated-in')
.addClass(incoming);
}
};
Animate.prototype.clear = function(e) {
$(e.target).css( { 'left': '' } )
.removeClass('animated owl-animated-out owl-animated-in')
.removeClass(this.core.settings.animateIn)
.removeClass(this.core.settings.animateOut);
this.core.onTransitionEnd();
};
/**
* Destroys the plugin.
* @public
*/
Animate.prototype.destroy = function() {
var handler, property;
for (handler in this.handlers) {
this.core.$element.off(handler, this.handlers[handler]);
}
for (property in Object.getOwnPropertyNames(this)) {
typeof this[property] != 'function' && (this[property] = null);
}
};
$.fn.owlCarousel.Constructor.Plugins.Animate = Animate;
})(window.Zepto || window.jQuery, window, document);
/**
* Autoplay Plugin
* @version 2.1.0
* @author Bartosz Wojciechowski
* @author Artus Kolanowski
* @author David Deutsch
* @license The MIT License (MIT)
*/
;(function($, window, document, undefined) {
/**
* Creates the autoplay plugin.
* @class The Autoplay Plugin
* @param {Owl} scope - The Owl Carousel
*/
var Autoplay = function(carousel) {
/**
* Reference to the core.
* @protected
* @type {Owl}
*/
this._core = carousel;
/**
* The autoplay timeout.
* @type {Timeout}
*/
this._timeout = null;
/**
* Indicates whenever the autoplay is paused.
* @type {Boolean}
*/
this._paused = false;
/**
* All event handlers.
* @protected
* @type {Object}
*/
this._handlers = {
'changed.owl.carousel': $.proxy(function(e) {
if (e.namespace && e.property.name === 'settings') {
if (this._core.settings.autoplay) {
this.play();
} else {
this.stop();
}
} else if (e.namespace && e.property.name === 'position') {
//console.log('play?', e);
if (this._core.settings.autoplay) {
this._setAutoPlayInterval();
}
}
}, this),
'initialized.owl.carousel': $.proxy(function(e) {
if (e.namespace && this._core.settings.autoplay) {
this.play();
}
}, this),
'play.owl.autoplay': $.proxy(function(e, t, s) {
if (e.namespace) {
this.play(t, s);
}
}, this),
'stop.owl.autoplay': $.proxy(function(e) {
if (e.namespace) {
this.stop();
}
}, this),
'mouseover.owl.autoplay': $.proxy(function() {
if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) {
this.pause();
}
}, this),
'mouseleave.owl.autoplay': $.proxy(function() {
if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) {
this.play();
}
}, this),
'touchstart.owl.core': $.proxy(function() {
if (this._core.settings.autoplayHoverPause && this._core.is('rotating')) {
this.pause();
}
}, this),
'touchend.owl.core': $.proxy(function() {
if (this._core.settings.autoplayHoverPause) {
this.play();
}
}, this)
};
// register event handlers
this._core.$element.on(this._handlers);
// set default options
this._core.options = $.extend({}, Autoplay.Defaults, this._core.options);
};
/**
* Default options.
* @public
*/
Autoplay.Defaults = {
autoplay: false,
autoplayTimeout: 5000,
autoplayHoverPause: false,
autoplaySpeed: false
};
/**
* Starts the autoplay.
* @public
* @param {Number} [timeout] - The interval before the next animation starts.
* @param {Number} [speed] - The animation speed for the animations.
*/
Autoplay.prototype.play = function(timeout, speed) {
this._paused = false;
if (this._core.is('rotating')) {
return;
}
this._core.enter('rotating');
this._setAutoPlayInterval();
};
/**
* Gets a new timeout
* @private
* @param {Number} [timeout] - The interval before the next animation starts.
* @param {Number} [speed] - The animation speed for the animations.
* @return {Timeout}
*/
Autoplay.prototype._getNextTimeout = function(timeout, speed) {
if ( this._timeout ) {
window.clearTimeout(this._timeout);
}
return window.setTimeout($.proxy(function() {
if (this._paused || this._core.is('busy') || this._core.is('interacting') || document.hidden) {
return;
}
this._core.next(speed || this._core.settings.autoplaySpeed);
}, this), timeout || this._core.settings.autoplayTimeout);
};
/**
* Sets autoplay in motion.
* @private
*/
Autoplay.prototype._setAutoPlayInterval = function() {
this._timeout = this._getNextTimeout();
};
/**
* Stops the autoplay.
* @public
*/
Autoplay.prototype.stop = function() {
if (!this._core.is('rotating')) {
return;
}
window.clearTimeout(this._timeout);
this._core.leave('rotating');
};
/**
* Stops the autoplay.
* @public
*/
Autoplay.prototype.pause = function() {
if (!this._core.is('rotating')) {
return;
}
this._paused = true;
};
/**
* Destroys the plugin.
*/
Autoplay.prototype.destroy = function() {
var handler, property;
this.stop();
for (handler in this._handlers) {
this._core.$element.off(handler, this._handlers[handler]);
}
for (property in Object.getOwnPropertyNames(this)) {
typeof this[property] != 'function' && (this[property] = null);
}
};
$.fn.owlCarousel.Constructor.Plugins.autoplay = Autoplay;
})(window.Zepto || window.jQuery, window, document);
/**
* Navigation Plugin
* @version 2.1.0
* @author Artus Kolanowski
* @author David Deutsch
* @license The MIT License (MIT)
*/
;(function($, window, document, undefined) {
'use strict';
/**
* Creates the navigation plugin.
* @class The Navigation Plugin
* @param {Owl} carousel - The Owl Carousel.
*/
var Navigation = function(carousel) {
/**
* Reference to the core.
* @protected
* @type {Owl}
*/
this._core = carousel;
/**
* Indicates whether the plugin is initialized or not.
* @protected
* @type {Boolean}
*/
this._initialized = false;
/**
* The current paging indexes.
* @protected
* @type {Array}
*/
this._pages = [];
/**
* All DOM elements of the user interface.
* @protected
* @type {Object}
*/
this._controls = {};
/**
* Markup for an indicator.
* @protected
* @type {Array.}
*/
this._templates = [];
/**
* The carousel element.
* @type {jQuery}
*/
this.$element = this._core.$element;
/**
* Overridden methods of the carousel.
* @protected
* @type {Object}
*/
this._overrides = {
next: this._core.next,
prev: this._core.prev,
to: this._core.to
};
/**
* All event handlers.
* @protected
* @type {Object}
*/
this._handlers = {
'prepared.owl.carousel': $.proxy(function(e) {
if (e.namespace && this._core.settings.dotsData) {
this._templates.push('' +
$(e.content).find('[data-dot]').addBack('[data-dot]').attr('data-dot') + '
');
}
}, this),
'added.owl.carousel': $.proxy(function(e) {
if (e.namespace && this._core.settings.dotsData) {
this._templates.splice(e.position, 0, this._templates.pop());
}
}, this),
'remove.owl.carousel': $.proxy(function(e) {
if (e.namespace && this._core.settings.dotsData) {
this._templates.splice(e.position, 1);
}
}, this),
'changed.owl.carousel': $.proxy(function(e) {
if (e.namespace && e.property.name == 'position') {
this.draw();
}
}, this),
'initialized.owl.carousel': $.proxy(function(e) {
if (e.namespace && !this._initialized) {
this._core.trigger('initialize', null, 'navigation');
this.initialize();
this.update();
this.draw();
this._initialized = true;
this._core.trigger('initialized', null, 'navigation');
}
}, this),
'refreshed.owl.carousel': $.proxy(function(e) {
if (e.namespace && this._initialized) {
this._core.trigger('refresh', null, 'navigation');
this.update();
this.draw();
this._core.trigger('refreshed', null, 'navigation');
}
}, this)
};
// set default options
this._core.options = $.extend({}, Navigation.Defaults, this._core.options);
// register event handlers
this.$element.on(this._handlers);
};
/**
* Default options.
* @public
* @todo Rename `slideBy` to `navBy`
*/
Navigation.Defaults = {
nav: false,
navText: [ 'prev', 'next' ],
navSpeed: false,
navElement: 'div',
navContainer: false,
navContainerClass: 'owl-nav',
navClass: [ 'owl-prev', 'owl-next' ],
slideBy: 1,
dotClass: 'owl-dot',
dotsClass: 'owl-dots',
dots: true,
dotsEach: false,
dotsData: false,
dotsSpeed: false,
dotsContainer: false
};
/**
* Initializes the layout of the plugin and extends the carousel.
* @protected
*/
Navigation.prototype.initialize = function() {
var override,
settings = this._core.settings;
// create DOM structure for relative navigation
this._controls.$relative = (settings.navContainer ? $(settings.navContainer)
: $('').addClass(settings.navContainerClass).appendTo(this.$element)).addClass('disabled');
this._controls.$previous = $('<' + settings.navElement + '>')
.addClass(settings.navClass[0])
.html(settings.navText[0])
.prependTo(this._controls.$relative)
.on('click', $.proxy(function(e) {
this.prev(settings.navSpeed);
}, this));
this._controls.$next = $('<' + settings.navElement + '>')
.addClass(settings.navClass[1])
.html(settings.navText[1])
.appendTo(this._controls.$relative)
.on('click', $.proxy(function(e) {
this.next(settings.navSpeed);
}, this));
// create DOM structure for absolute navigation
if (!settings.dotsData) {
this._templates = [ $('
')
.addClass(settings.dotClass)
.append($('
'))
.prop('outerHTML') ];
}
this._controls.$absolute = (settings.dotsContainer ? $(settings.dotsContainer)
: $('').addClass(settings.dotsClass).appendTo(this.$element)).addClass('disabled');
this._controls.$absolute.on('click', 'div', $.proxy(function(e) {
var index = $(e.target).parent().is(this._controls.$absolute)
? $(e.target).index() : $(e.target).parent().index();
e.preventDefault();
this.to(index, settings.dotsSpeed);
}, this));
// override public methods of the carousel
for (override in this._overrides) {
this._core[override] = $.proxy(this[override], this);
}
};
/**
* Destroys the plugin.
* @protected
*/
Navigation.prototype.destroy = function() {
var handler, control, property, override;
for (handler in this._handlers) {
this.$element.off(handler, this._handlers[handler]);
}
for (control in this._controls) {
this._controls[control].remove();
}
for (override in this.overides) {
this._core[override] = this._overrides[override];
}
for (property in Object.getOwnPropertyNames(this)) {
typeof this[property] != 'function' && (this[property] = null);
}
};
/**
* Updates the internal state.
* @protected
*/
Navigation.prototype.update = function() {
var i, j, k,
lower = this._core.clones().length / 2,
upper = lower + this._core.items().length,
maximum = this._core.maximum(true),
settings = this._core.settings,
size = settings.center || settings.autoWidth || settings.dotsData
? 1 : settings.dotsEach || settings.items;
if (settings.slideBy !== 'page') {
settings.slideBy = Math.min(settings.slideBy, settings.items);
}
if (settings.dots || settings.slideBy == 'page') {
this._pages = [];
for (i = lower, j = 0, k = 0; i < upper; i++) {
if (j >= size || j === 0) {
this._pages.push({
start: Math.min(maximum, i - lower),
end: i - lower + size - 1
});
if (Math.min(maximum, i - lower) === maximum) {
break;
}
j = 0, ++k;
}
j += this._core.mergers(this._core.relative(i));
}
}
};
/**
* Draws the user interface.
* @todo The option `dotsData` wont work.
* @protected
*/
Navigation.prototype.draw = function() {
var difference,
settings = this._core.settings,
disabled = this._core.items().length <= settings.items,
index = this._core.relative(this._core.current()),
loop = settings.loop || settings.rewind;
this._controls.$relative.toggleClass('disabled', !settings.nav || disabled);
if (settings.nav) {
this._controls.$previous.toggleClass('disabled', !loop && index <= this._core.minimum(true));
this._controls.$next.toggleClass('disabled', !loop && index >= this._core.maximum(true));
}
this._controls.$absolute.toggleClass('disabled', !settings.dots || disabled);
if (settings.dots) {
difference = this._pages.length - this._controls.$absolute.children().length;
if (settings.dotsData && difference !== 0) {
this._controls.$absolute.html(this._templates.join(''));
} else if (difference > 0) {
this._controls.$absolute.append(new Array(difference + 1).join(this._templates[0]));
} else if (difference < 0) {
this._controls.$absolute.children().slice(difference).remove();
}
this._controls.$absolute.find('.active').removeClass('active');
this._controls.$absolute.children().eq($.inArray(this.current(), this._pages)).addClass('active');
}
};
/**
* Extends event data.
* @protected
* @param {Event} event - The event object which gets thrown.
*/
Navigation.prototype.onTrigger = function(event) {
var settings = this._core.settings;
event.page = {
index: $.inArray(this.current(), this._pages),
count: this._pages.length,
size: settings && (settings.center || settings.autoWidth || settings.dotsData
? 1 : settings.dotsEach || settings.items)
};
};
/**
* Gets the current page position of the carousel.
* @protected
* @returns {Number}
*/
Navigation.prototype.current = function() {
var current = this._core.relative(this._core.current());
return $.grep(this._pages, $.proxy(function(page, index) {
return page.start <= current && page.end >= current;
}, this)).pop();
};
/**
* Gets the current succesor/predecessor position.
* @protected
* @returns {Number}
*/
Navigation.prototype.getPosition = function(successor) {
var position, length,
settings = this._core.settings;
if (settings.slideBy == 'page') {
position = $.inArray(this.current(), this._pages);
length = this._pages.length;
successor ? ++position : --position;
position = this._pages[((position % length) + length) % length].start;
} else {
position = this._core.relative(this._core.current());
length = this._core.items().length;
successor ? position += settings.slideBy : position -= settings.slideBy;
}
return position;
};
/**
* Slides to the next item or page.
* @public
* @param {Number} [speed=false] - The time in milliseconds for the transition.
*/
Navigation.prototype.next = function(speed) {
$.proxy(this._overrides.to, this._core)(this.getPosition(true), speed);
};
/**
* Slides to the previous item or page.
* @public
* @param {Number} [speed=false] - The time in milliseconds for the transition.
*/
Navigation.prototype.prev = function(speed) {
$.proxy(this._overrides.to, this._core)(this.getPosition(false), speed);
};
/**
* Slides to the specified item or page.
* @public
* @param {Number} position - The position of the item or page.
* @param {Number} [speed] - The time in milliseconds for the transition.
* @param {Boolean} [standard=false] - Whether to use the standard behaviour or not.
*/
Navigation.prototype.to = function(position, speed, standard) {
var length;
if (!standard && this._pages.length) {
length = this._pages.length;
$.proxy(this._overrides.to, this._core)(this._pages[((position % length) + length) % length].start, speed);
} else {
$.proxy(this._overrides.to, this._core)(position, speed);
}
};
$.fn.owlCarousel.Constructor.Plugins.Navigation = Navigation;
})(window.Zepto || window.jQuery, window, document);
/**
* Hash Plugin
* @version 2.1.0
* @author Artus Kolanowski
* @author David Deutsch
* @license The MIT License (MIT)
*/
;(function($, window, document, undefined) {
'use strict';
/**
* Creates the hash plugin.
* @class The Hash Plugin
* @param {Owl} carousel - The Owl Carousel
*/
var Hash = function(carousel) {
/**
* Reference to the core.
* @protected
* @type {Owl}
*/
this._core = carousel;
/**
* Hash index for the items.
* @protected
* @type {Object}
*/
this._hashes = {};
/**
* The carousel element.
* @type {jQuery}
*/
this.$element = this._core.$element;
/**
* All event handlers.
* @protected
* @type {Object}
*/
this._handlers = {
'initialized.owl.carousel': $.proxy(function(e) {
if (e.namespace && this._core.settings.startPosition === 'URLHash') {
$(window).trigger('hashchange.owl.navigation');
}
}, this),
'prepared.owl.carousel': $.proxy(function(e) {
if (e.namespace) {
var hash = $(e.content).find('[data-hash]').addBack('[data-hash]').attr('data-hash');
if (!hash) {
return;
}
this._hashes[hash] = e.content;
}
}, this),
'changed.owl.carousel': $.proxy(function(e) {
if (e.namespace && e.property.name === 'position') {
var current = this._core.items(this._core.relative(this._core.current())),
hash = $.map(this._hashes, function(item, hash) {
return item === current ? hash : null;
}).join();
if (!hash || window.location.hash.slice(1) === hash) {
return;
}
window.location.hash = hash;
}
}, this)
};
// set default options
this._core.options = $.extend({}, Hash.Defaults, this._core.options);
// register the event handlers
this.$element.on(this._handlers);
// register event listener for hash navigation
$(window).on('hashchange.owl.navigation', $.proxy(function(e) {
var hash = window.location.hash.substring(1),
items = this._core.$stage.children(),
position = this._hashes[hash] && items.index(this._hashes[hash]);
if (position === undefined || position === this._core.current()) {
return;
}
this._core.to(this._core.relative(position), false, true);
}, this));
};
/**
* Default options.
* @public
*/
Hash.Defaults = {
URLhashListener: false
};
/**
* Destroys the plugin.
* @public
*/
Hash.prototype.destroy = function() {
var handler, property;
$(window).off('hashchange.owl.navigation');
for (handler in this._handlers) {
this._core.$element.off(handler, this._handlers[handler]);
}
for (property in Object.getOwnPropertyNames(this)) {
typeof this[property] != 'function' && (this[property] = null);
}
};
$.fn.owlCarousel.Constructor.Plugins.Hash = Hash;
})(window.Zepto || window.jQuery, window, document);
/**
* Support Plugin
*
* @version 2.1.0
* @author Vivid Planet Software GmbH
* @author Artus Kolanowski
* @author David Deutsch
* @license The MIT License (MIT)
*/
;(function($, window, document, undefined) {
var style = $('').get(0).style,
prefixes = 'Webkit Moz O ms'.split(' '),
events = {
transition: {
end: {
WebkitTransition: 'webkitTransitionEnd',
MozTransition: 'transitionend',
OTransition: 'oTransitionEnd',
transition: 'transitionend'
}
},
animation: {
end: {
WebkitAnimation: 'webkitAnimationEnd',
MozAnimation: 'animationend',
OAnimation: 'oAnimationEnd',
animation: 'animationend'
}
}
},
tests = {
csstransforms: function() {
return !!test('transform');
},
csstransforms3d: function() {
return !!test('perspective');
},
csstransitions: function() {
return !!test('transition');
},
cssanimations: function() {
return !!test('animation');
}
};
function test(property, prefixed) {
var result = false,
upper = property.charAt(0).toUpperCase() + property.slice(1);
$.each((property + ' ' + prefixes.join(upper + ' ') + upper).split(' '), function(i, property) {
if (style[property] !== undefined) {
result = prefixed ? property : true;
return false;
}
});
return result;
}
function prefixed(property) {
return test(property, true);
}
if (tests.csstransitions()) {
/* jshint -W053 */
$.support.transition = new String(prefixed('transition'))
$.support.transition.end = events.transition.end[ $.support.transition ];
}
if (tests.cssanimations()) {
/* jshint -W053 */
$.support.animation = new String(prefixed('animation'))
$.support.animation.end = events.animation.end[ $.support.animation ];
}
if (tests.csstransforms()) {
/* jshint -W053 */
$.support.transform = new String(prefixed('transform'));
$.support.transform3d = tests.csstransforms3d();
}
})(window.Zepto || window.jQuery, window, document);
;
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
function throttle(callback, delay) {
var last;
var timer;
return function () {
var context = this;
var now = +new Date();
var args = arguments;
if (last && now < last + delay) {
clearTimeout(timer);
timer = setTimeout(function () {
last = now;
callback.apply(context, args);
}, delay);
}
else {
last = now;
callback.apply(context, args);
}
};
}
var App = /** @class */ (function () {
function App() {
this.isMobile = true;
this.isDesktop = true;
this.windowSize = {
w: 0,
h: 0
};
this.mediaQueries = {
small: [0, 640],
medium: [641, 1024],
large: [1025, 1200],
xLarge: [1201, 1600]
};
this.init();
//alert(this.isTouch);
}
App.prototype.bindEvent = function () {
var that = this;
$(window).on('resize', throttle(function (e) { that.onResize(e); }, 500));
};
App.prototype.detectTouch = function () {
this.isTouch = (('ontouchstart' in window) || (navigator.MaxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0));
};
App.prototype.getDevice = function () {
if ((this.windowSize.w >= this.mediaQueries.small[0]) && (this.windowSize.w <= this.mediaQueries.medium[1])) {
this.isMobile = true;
this.isDesktop = false;
}
else {
this.isMobile = false;
this.isDesktop = true;
}
};
App.prototype.getWindowSize = function () {
this.windowSize.w = window.innerWidth;
this.windowSize.h = window.innerHeight;
};
App.prototype.init = function () {
this.getWindowSize();
this.getDevice();
this.bindEvent();
this.detectTouch();
};
App.prototype.onResize = function (e) {
this.getWindowSize();
this.getDevice();
this.detectTouch();
};
return App;
}());
var MatyNavigation = /** @class */ (function (_super) {
__extends(MatyNavigation, _super);
function MatyNavigation($elem, options) {
var _this = _super.call(this) || this;
_this.options = {
delayHoverNiveauUn: 100,
delayHoverNiveauDeux: 200
};
_this.isOpen = false;
_this.touchBinded = false;
_this.desktopBinded = false;
_this.historique = [];
_this.delayHover = 400;
//On merge les options
$.extend(_this.options, options);
_this.header = $elem;
_this.overlay = $elem.parents('body').find('.nav-overlay');
_this.menu = $elem.find('.maty-navigation');
_this.carousels = _this.menu.find(".owl-carousel");
_this.initNav();
return _this;
}
MatyNavigation.prototype.initNav = function () {
if (this.isMobile) {
this.binEventMobile();
}
else {
this.bindEventDesktop();
}
};
// INITIALISATION DES CAROUSELS
MatyNavigation.prototype.initCarousel = function () {
var that = this;
this.carousels.each(function () {
$(this).owlCarousel({
animateOut: 'fadeOut',
animateIn: 'fadeIn',
autoHeight: true,
loop: false,
mouseDrag: false,
touchDrag: false,
nav: false,
dots: false,
items: 1
});
});
};
MatyNavigation.prototype.destroyCarousel = function () {
var that = this;
this.carousels.trigger("destroy.owl.carousel");
};
// OUVRE LE MENU
MatyNavigation.prototype.openMenu = function () {
this.menu.addClass('active');
$("html").addClass("disable-scroll");
this.overlay.fadeIn();
this.isOpen = true;
};
// FERME LE MENU
MatyNavigation.prototype.closeMenu = function () {
var that = this;
this.menu.removeClass('active');
$("html").removeClass("disable-scroll");
this.overlay.fadeOut();
this.isOpen = false;
if (this.historique.length > 0) {
// FERME TOUS LES NIVEAUX UNE FOIS LE MENU FERMÉ
setTimeout(function () {
for (var i = 0; i < that.historique.length; i++) {
var $menu = that.menu.find(".menu");
var elem = that.historique[i];
var className = elem.class;
$menu.removeClass(className);
elem.dropdown.removeClass('active');
}
;
that.historique = [];
}, 400);
}
};
//PASSAGE AU NIVEAU SUIVANT
MatyNavigation.prototype.next = function ($elem) {
var $dropdown, $parent, $menu, className;
var $buttonNav = this.header.find('.nav-burger');
var id = $elem.data('item');
$buttonNav.addClass('back');
$menu = $elem.parents(".menu");
/// S'IL Y A UN ID DANS LE DATA == NIVEAU 2
if (id != undefined) {
$parent = $($elem.parents(".dropdown-inner").get(0));
$dropdown = $($parent.find(".dropdown-inner").get(id));
className = "double-back";
$menu.addClass(className);
// SINON == NIVEAU 3 DIRECT
}
else {
className = "back";
$dropdown = $($elem.siblings(".dropdown").find(".dropdown-inner").get(0));
$menu.addClass(className);
}
$dropdown.addClass('active');
// On ajoute le next dans l'historique pour le prev
this.historique.push({
dropdown: $dropdown,
class: className
});
};
//PASSAGE AU NIVEAU PRECEDENT
MatyNavigation.prototype.prev = function ($menuButton) {
//on recupere l'historique
var $buttonNav = this.header.find('.nav-burger');
var id = this.historique.length - 1;
var $menu = this.menu.find(".menu");
var elem = this.historique[id];
var className = elem.class;
// SI NIVEAU EST UN NIVEAU 1
if (id == 0) {
$menuButton.removeClass('back');
}
$menu.removeClass(className);
setTimeout(function () {
elem.dropdown.removeClass('active');
}, 400);
this.historique.pop();
};
// FONCTION AU CLIC SUR LE BOUTON NAV MOBILE
MatyNavigation.prototype.onClickButtonNav = function (e) {
e.preventDefault();
var $this = $(e.currentTarget);
// SI LE MENU EST FERME
if (!this.isOpen && (this.historique.length == 0)) {
// On ouvre
$this.addClass('open');
this.openMenu();
// SI LE MENU EST OUVERT AVEC NIVEAU 2 mini
}
else if (this.isOpen && (this.historique.length > 0)) {
// On recule d'un niveau
this.prev($this);
// SI LE MENU EST OUVERT ET AU NIVEAU 1
}
else {
// On ferme le menu
$this.removeClass('open');
this.closeMenu();
}
};
// FONCTION AU CLICK SUR UN NIVEAU
MatyNavigation.prototype.onClickNiveau = function (e) {
e.preventDefault();
var $this = $(e.currentTarget);
var niveau = $this.data("niveau");
if (niveau == 3) {
this.onClickNiveauTrois($this);
}
else {
// Go next niveau
this.next($this);
}
};
// FONCTION AU CLIC SUR NIVEAU 3
MatyNavigation.prototype.onClickNiveauTrois = function ($elem) {
$elem.parents('.niveau').toggleClass("closed");
};
// FONCTION MOUSEENTER NIVEAU 1 !
MatyNavigation.prototype.onMouseEnterNiveauUn = function (e) {
var $this = $(e.currentTarget);
var that = this;
var niveau = $this.find(">.niveau-link").data('niveau');
this.timeHoverNiveauUn = setTimeout(function () {
if (that.timeHoverNiveauUn) {
//alert("Open");
$this.addClass('active');
that.overlay.show();
}
}, that.options.delayHoverNiveauUn);
};
MatyNavigation.prototype.openNiveauUnDesktop = function (e) {
e.preventDefault();
e.stopPropagation();
var $this = $(e.currentTarget).parent();
var that = this;
var niveau = $this.data('niveau');
var $elem = $this.find(".niveau-1-dropdown");
if ($(".niveau-1.active>.niveau-link") == $this) {
this.closeNiveauUnDesktop();
}
else {
$(".niveau-1.active").removeClass("active");
$this.addClass('active');
that.overlay.show();
}
};
// FONCTION FERMETURE AU TOUCH NIVEAU 1 !
MatyNavigation.prototype.closeNiveauUnDesktop = function () {
$(".niveau-1.active").removeClass("active");
this.overlay.hide();
};
// FONCTION MOUSELEAVE NIVEAU 1 !
MatyNavigation.prototype.onMouseLeaveNiveauUn = function (e) {
var $this = $(e.currentTarget);
var that = this;
var niveau = $this.find(">.niveau-link").data('niveau');
if (that.timeHoverNiveauUn)
clearTimeout(that.timeHoverNiveauUn);
$this.removeClass('active');
this.overlay.hide();
};
MatyNavigation.prototype.openNiveauDeux = function (e) {
var $this = $(e.currentTarget);
var $sibligns = $this.siblings();
var niveau = $this.find(">.niveau-link").data('niveau');
var id = $this.find(">.niveau-link").data('item');
var $parent = $($this.parents(".dropdown-inner").get(0));
var $carousel = $($parent.find(".owl-carousel"));
$carousel.trigger('to.owl.carousel', [id, 1, true]);
$sibligns.removeClass('active');
$this.addClass('active');
};
MatyNavigation.prototype.openNiveauDeuxDestkop = function (e) {
e.preventDefault();
e.stopPropagation();
var that = this;
var $this = $(e.currentTarget).parent();
var $sibligns = $this.siblings();
var niveau = $this.find(">.niveau-link").data('niveau');
var id = $this.find(">.niveau-link").data('item');
var $parent = $($this.parents(".dropdown-inner").get(0));
var $carousel = $($parent.find(".owl-carousel"));
this.timeHoverNiveauDeux = setTimeout(function () {
$carousel.trigger('to.owl.carousel', [id, 1, true]);
$sibligns.removeClass('active');
$this.addClass('active');
}, that.options.delayHoverNiveauDeux);
};
MatyNavigation.prototype.onMouseEnterNiveauDeux = function (e) {
var that = this;
var $this = $(e.currentTarget);
var $sibligns = $this.siblings();
var niveau = $this.find(">.niveau-link").data('niveau');
var id = $this.find(">.niveau-link").data('item');
var $parent = $($this.parents(".dropdown-inner").get(0));
var $carousel = $($parent.find(".owl-carousel"));
this.timeHoverNiveauDeux = setTimeout(function () {
$carousel.trigger('to.owl.carousel', [id, 1, true]);
$sibligns.removeClass('active');
$this.addClass('active');
}, that.options.delayHoverNiveauDeux);
};
// FONCTION MOUSE LEAVE NIVEAU 2
MatyNavigation.prototype.onMouseLeaveNiveauDeux = function (e) {
if (this.timeHoverNiveauDeux)
clearTimeout(this.timeHoverNiveauDeux);
};
// FONCTION AU CLICK SUR L'OVERLAY
MatyNavigation.prototype.onClickOverlay = function (e) {
e.preventDefault();
var $buttonNav = this.header.find('.nav-burger');
var $this = $(e.currentTarget);
$this.fadeOut();
$buttonNav.removeClass('open');
$buttonNav.removeClass('back');
this.closeMenu();
};
// FONCTION AU RESIZE
MatyNavigation.prototype.onResize = function (e) {
this.getWindowSize();
this.getDevice();
if (this.isMobile) {
this.binEventMobile();
}
else {
this.bindEventDesktop();
}
};
// BIND EVENT DESKTOP
MatyNavigation.prototype.bindEventDesktop = function () {
var _this = this;
var $buttonNav, $searchInput, $niveauUn, $niveauDeux, that, $niveau;
that = this;
$niveauUn = this.menu.find('.niveau-1.has-sub');
$niveauDeux = this.menu.find('.niveau-2.has-sub');
$buttonNav = this.header.find('.nav-burger');
$niveau = this.menu.find('.has-sub>.niveau-link');
$searchInput = this.header.find("#searchBox");
if (!this.desktopBinded) {
$buttonNav.off("click");
$niveau.off("click");
this.overlay.off("click");
this.initCarousel();
if (this.isTouch) {
this.overlay.on("click", function (e) {
return _this.closeNiveauUnDesktop();
});
$niveauUn.find(">.niveau-link").on({
"click": function (e) { return _this.openNiveauUnDesktop(e); }
});
$niveauDeux.find(">.niveau-link").on("click", function (e) { return _this.openNiveauDeuxDestkop(e); });
}
else {
$niveauUn.on({
"mouseleave": function (e) { return _this.onMouseLeaveNiveauUn(e); }
}).on({
"mouseenter": function (e) { return _this.onMouseEnterNiveauUn(e); }
});
$niveauDeux.on("mouseenter", function (e) { return _this.onMouseEnterNiveauDeux(e); }).on({
"mouseleave": function (e) { return _this.onMouseLeaveNiveauDeux(e); }
});
}
this.touchBinded = false;
this.desktopBinded = true;
}
};
// BIND EVENT TOUCH
MatyNavigation.prototype.binEventMobile = function () {
var _this = this;
var $buttonNav, $searchInput, $niveau, that, $niveauUn, $niveauDeux;
that = this;
$buttonNav = this.header.find('.nav-burger');
$niveau = this.menu.find('.has-sub>.niveau-link');
$searchInput = this.header.find("#searchBox");
$niveauUn = this.menu.find('.niveau-1.has-sub');
$niveauDeux = this.menu.find('.niveau-2.has-sub');
if (!this.touchBinded) {
$niveauUn.off("mouseleave mouseenter click touchstart");
$niveauDeux.off("touchstart mouseenter click mouseleave");
$niveauUn.find(">.niveau-link").off("click");
$niveauDeux.find(">.niveau-link").off("click");
this.destroyCarousel();
$buttonNav.on("click", function (e) { return _this.onClickButtonNav(e); });
$niveau.on("click", function (e) { return _this.onClickNiveau(e); });
this.overlay.on("click", function (e) { return _this.onClickOverlay(e); });
this.touchBinded = true;
this.desktopBinded = false;
}
};
;
return MatyNavigation;
}(App));
var navigation = new MatyNavigation($("header#main-header"), {
delayHoverNiveauUn: 150,
delayHoverNiveauDeux: 150
});
//# sourceMappingURL=main-2.js.map;