Team:Tianjin/Resources/JS:MODALitmin
/*
Modalit v0.2.2 https://knot-design.jp/modalit/
Author: Yuji Hisamatsu (https://github.com/knot-design)
Copyright (C) 2017 Knot Design Licensed under the MIT license (MIT)
- /
'+(v?'':n.content)+"
";var f=n.title?"<header>"+n.title+"
</header>":"";if(n.footer){var p=n.action.fn?n.cancel:n.action;r='<footer><button type="button" data-modal-btn="dismiss" class="'+p["class"]+'">'+p.label+"</button>%%</footer>",r=r.replace("%%",n.action.fn?'<button type="button" data-modal-btn="action" class="'+n.action["class"]+'">'+n.action.label+"</button>":"")}else r='';u.innerHTML=''+f+a+r+"
"}if(["transition","position","width"].forEach(function(e){n[e]=t&&null!==t.getAttribute("data-"+e)?t.getAttribute("data-"+e):n[e],n[e]&&u.setAttribute("data-modal-"+e,n[e])}),u.classList.add("modalit"),u.setAttribute("aria-hidden","true"),n.backdrop&&u.classList.add("backdrop"),v){var b=o(".content",u,1),g=m(v,n.video.autoplay);u.setAttribute("data-modal-media",g[1]),u.addEventListener("modalit.load",function(){if(b.firstElementChild.classList.contains("loader"))if(u.setAttribute("data-modal-load",!1),"ajax"===g[1])h(v,function(t){b.innerHTML=t,c(u)});else if("image"===g[1]){var e=new Image,n=t.getAttribute("data-caption")||0;e.addEventListener("load",function(){this.classList.add(this.height>this.width?"portrait":"landscape");var t=88*i.innerHeight/100;b.innerHTML=n?"<figure>"+this.outerHTML+"<figcaption>"+n+"</figcaption></figure>":this.outerHTML,"full"!==u.getAttribute("data-modal-width")&&t<this.naturalHeight?u.firstElementChild.style.width=t*(this.naturalWidth/this.naturalHeight)+"px":c(u),u.setAttribute("data-modal-load",!0)}),e.src=v}else b.innerHTML=g[0],b.firstElementChild.addEventListener("load",function(){c(u)})},s)}return d(u),u},d=function(t,e){var i=0,n=t.firstElementChild,a=t.getAttribute("data-modal-media"),s=o(".content",n,1);if(a&&"ajax"!==a){if("full"!==t.getAttribute("data-modal-width")&&/^(video|image)$/.test(a)){var r=s.firstElementChild;r&&(setTimeout(function(){n.clientHeight<s.clientHeight&&(n.style.width=n.clientHeight*(r.clientWidth/r.clientHeight)+"px")},e?360:1),e&&(n.style.width=""))}}else{s.style.height="",s.classList.remove("scrollable"),[].forEach.call(n.children,function(t){i+=t.tagName.match(/(header|footer)/i)?t.clientHeight:0});var l=n.offsetHeight-i;s.clientHeight>l&&(s.style.height=l+"px",s.classList.add("scrollable"))}!t.classList.contains("backdrop")&&"full"!==t.getAttribute("data-modal-width")&&/^(centered|left|right)$/.test(t.getAttribute("data-modal-position"))&&(n.style.marginTop=-(n.offsetHeight/2)+"px")},c=function(t){t.setAttribute("data-modal-load",!0),d(t)},m=function(t,e){var i=t.match(/^(?:https?:\/\/)?(?:www\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})(?:\S+)?$/),n=t.match(/\/\/(player\.)?vimeo\.com\/([a-z]*\/)*([0-9]{6,11})[?]?.*/),a=t.match(/.+dailymotion.com\/(video|hub)\/([^_]+)[^#]*(#video=([^_&]+))?/),s=t.match(/^.+.(mp4|m4v|ogg|ogv|webm)$/),o=t.match(/source\.unsplash\.com\/?/),r=t.match(/^.+.(jpg|jpeg|gif|png|svg)$/i);if(s)return['<video src="'+t+'" width="640" height="360" controls="true"'+(e?" autoplay":"")+"></video>","video"];if(r||o)return[null,"image"];if(i&&11===i[1].length)t="//www.youtube.com/embed/"+i[1];else if(n&&n[3].length)t="//player.vimeo.com/video/"+n[3];else{if(!a||!a[2].length)return[null,"ajax"];t="//www.dailymotion.com/embed/video/"+a[2]}return['<iframe src="'+t+(e?"?autoplay=1":"")+'" allowfullscreen="true" width="640" height="360"></iframe>',"video"]},h=function(t,e){var i=new XMLHttpRequest;i.open("get",t),i.onload=function(){200==i.status?e(i.responseText):console.error("Request Error: "+i.status)},i.send()},u=function(t){var e=o('[aria-hidden="false"].modalit',0,1),i=o(".content",e,1),n=/^(video|image)/.test(e.getAttribute("data-modal-media"))||0;(n||!n&&(!i.classList.contains("scrollable")||i.classList.contains("scrollable")&&!i.contains(t.target)))&&t.preventDefault()},v=function(t){t?(e.body.style.overflowY="hidden",!a&&e.body.addEventListener("touchmove",u)):o('[aria-hidden="false"].modalit.backdrop',0,1)||(e.body.style.overflowY="",e.body.removeEventListener("touchmove",u))},f=function(t,i,n){var a;try{a=new CustomEvent(t,{bubbles:!0,detail:i})}catch(s){a=document.createEvent("CustomEvent"),a.initCustomEvent(event,!0,!1,i)}(n||e).dispatchEvent(a)},p=function(t,e){try{return t.closest(e)}catch(i){for(var n=t.webkitMatchesSelector?"webkitMatchesSelector":t.msMatchesSelector?"msMatchesSelector":"matches";t;){if(t&&t[n](e))return t;t=t.parentElement}return null}},b={backdrop:!0,fixed:!0,position:"centered",footer:!0,action:{label:"OK","class":"btn primary"},cancel:{label:"Cancel","class":"btn light"},video:{autoplay:!1,destroy:!1},slider:!1,navi:!1,dismiss:{backdrop:!0,esc:!0}};return n.init=function(t){var e=l(t,this.options);void 0!==arguments[1]?this.modal[arguments[1]]=e:this.modal=e,t&&t.addEventListener("click",this.show.bind(this,e,arguments[1]),s)},n.show=function(t,n){var a=null,s=this.options;t.setAttribute("aria-hidden","false"),this.current=t,f("modalit.show",{modal:t}),t.getAttribute("data-modal-media")&&f("modalit.load",null,t),void 0!==n&&s.slider&&this.slider(n),this.btn={trigger:void 0!==n?this.element[n]:this.element,action:o('[data-modal-btn="action"]',t,1),cancel:o('[data-modal-btn="dismiss"]',t,1)},this.btn.trigger&&this.btn.trigger.classList.add("active"),d(t),this.listener={},s.action.fn&&(this.listener.action=s.action.fn.bind(this),this.btn.action.addEventListener("click",this.listener.action)),s.cancel.fn&&(this.listener.cancel=s.cancel.fn.bind(this),this.btn.cancel.addEventListener("click",this.listener.cancel)),this.listener.dismiss=this.hide.bind(this),t.addEventListener("click",this.listener.dismiss),s.dismiss.esc&&e.addEventListener("keyup",this.listener.dismiss),i.addEventListener("resize",function(){clearTimeout(a),a=setTimeout(d(t,!0),200)}),s.backdrop&&s.fixed&&v(1)},n.hide=function(t){var i={modal:this.current},n=!t;if(t&&(void 0!==t.keyCode?n=27===t.keyCode:(this.btn.cancel.contains(t.target)||this.options.dismiss.backdrop&&!a&&!this.current.firstElementChild.contains(t.target))&&(n=!0),n&&f("modalit.dismiss",i)),n){if(f("modalit.BeforeHide",i),this.current.setAttribute("aria-hidden","true"),this.btn.trigger&&this.btn.trigger.classList.remove("active"),this.options.fixed&&this.options.backdrop&&!a&&v(),this.options.slider){var s=o('[data-modal-role="navi"]',0,1);s&&s.parentNode.removeChild(s)}this.listener.action&&this.btn.action.removeEventListener("click",this.listener.action),this.listener.cancel&&this.btn.cancel.removeEventListener("click",this.listener.cancel),this.current.removeEventListener("click",this.listener.dismiss),this.options.dismiss.esc&&e.removeEventListener("keyup",this.listener.dismiss),"video"===this.current.getAttribute("data-modal-media")&&this.options.video.destroy&&(this.current.removeAttribute("data-modal-load"),o(".content",this.current,1).innerHTML=''),f("modalit.hide",i)}},n.slider=function(t){function n(){var t,i=e.createElement("dummyelement"),n={transition:"transitionend",WebkitTransition:"webkitTransitionEnd",OTransition:"oTransitionEnd",MozTransition:"mozTransitionEnd"};for(t in n)if(void 0!==i.style[t])return n[t]}function r(){if(f.options.navi){for(var i=e.createElement("nav"),n="- ",a=0;y>a;a++)n+='';return n+="
