angular-background-image-placeholder.min.js

!function(){"use strict";angular.module("ac-background-image",["ac-background-image.directives"]),angular.module("ac-background-image.directives",[])}();
!function(){"use strict";function e(){function e(e,t,a){function n(){var e=document.createElement("div");return e.style.position="absolute",e.style.left=0,e.style.top=0,e.style.bottom=0,e.style.right=0,e.style.height="100%",e}function i(){c.style.opacity=1;var e=new Image;e.addEventListener("load",function(){o.style.backgroundImage="url("+this.src+")",l(c)}),e.src=a.backgroundImage}function l(e){e.style.opacity=1,function t(){(e.style.opacity-=.1)<=0?e.style.display="none":requestAnimationFrame(t)}()}var o=n(),c=n();o.className="ac-bg-img__full-size",c.className="ac-bg-img__placeholder",c.style.opacity=1,c.style.zIndex=1,t[0].style.position="relative",t[0].appendChild(o),t[0].appendChild(c),a.$observe("placeholder",function(){c.style.backgroundImage="url("+a.placeholder+")"}),a.$observe("backgroundImage",i)}return{restrict:"A",link:e}}angular.module("ac-background-image.directives").directive("acBackgroundImage",e)}();