vendor: 4,633 bytes, lines 1-79
1(function(a,b){'object'==typeof exports&&'undefined'!=typeof module?module.exports=b():'function'==typeof define&&define.amd?define(b):a.KenBurnsCarousel=b()})(this,function(){'use strict';function a(a,b){if(a===b||!a&&!b)return!0;if(!a||!b||a.length!==b.length)return!1;for(let c=0;c<a.length;c++)if(a[c]!==b[c])return!1;return!0}const b=['ken-burns-bottom-right','ken-burns-top-left','ken-burns-bottom-left','ken-burns-top-right','ken-burns-middle-left','ken-burns-middle-right','ken-burns-top-middle','ken-burns-bottom-middle','ken-burns-center'],c=document.createElement('template');c.innerHTML=` 2<style> 3 :host { 4 overflow: hidden; 5 position: relative; 6 } 7 8 div, img { 9 height: 100%; 10 width: 100%; 11 } 12 13 div { 14 position: absolute; 15 will-change: transform; 16 } 17 18 img { 19 filter: var(--img-filter); 20 object-fit: cover; 21 } 22 23 @keyframes fade-in { 24 from { 25 opacity: 0; 26 } 27 to { 28 opacity: 1; 29 } 30 } 31 32 @keyframes ken-burns-bottom-right { 33 to { 34 transform: scale3d(1.5, 1.5, 1.5) translate3d(-10%, -7%, 0); 35 } 36 } 37 @keyframes ken-burns-top-right { 38 to { 39 transform: scale3d(1.5, 1.5, 1.5) translate3d(-10%, 7%, 0); 40 } 41 } 42 @keyframes ken-burns-top-left { 43 to { 44 transform: scale3d(1.5, 1.5, 1.5) translate3d(10%, 7%, 0); 45 } 46 } 47 @keyframes ken-burns-bottom-left { 48 to { 49 transform: scale3d(1.5, 1.5, 1.5) translate3d(10%, -7%, 0); 50 } 51 } 52 @keyframes ken-burns-middle-left { 53 to { 54 transform: scale3d(1.5, 1.5, 1.5) translate3d(10%, 0, 0); 55 } 56 } 57 @keyframes ken-burns-middle-right { 58 to { 59 transform: scale3d(1.5, 1.5, 1.5) translate3d(-10%, 0, 0); 60 } 61 } 62 @keyframes ken-burns-top-middle { 63 to { 64 transform: scale3d(1.5, 1.5, 1.5) translate3d(0, 10%, 0); 65 } 66 } 67 @keyframes ken-burns-bottom-middle { 68 to { 69 transform: scale3d(1.5, 1.5, 1.5) translate3d(0, -10%, 0); 70 } 71 } 72 @keyframes ken-burns-center { 73 to { 74 transform: scale3d(1.5, 1.5, 1.5); 75 } 76 } 77</style> 78`,'object'==typeof window.ShadyCSS&&window.ShadyCSS.prepareTemplate(c,'ken-burns-carousel');class d extends HTMLElement{constructor(){super(),this.animationNames=b,this.animationDirection='random',this._fadeDuration=2500,this._imgList=[],this._slideDuration=2e4,this._timeout=0,this._zCounter=0,this.attachShadow({mode:'open'}),this.shadowRoot.appendChild(c.content.cloneNode(!0))}static get observedAttributes(){return['animation-direction','animation-names','fade-duration','images','slide-duration']}get fadeDuration(){return this._fadeDuration}set fadeDuration(a){if(a>this.slideDuration)throw new RangeError('Fade duration must be smaller than slide duration');this._fadeDuration=a}get images(){return this._imgList}set images(b){a(this._imgList,b)||(this._imgList=b,0<b.length?this.animateImages(b):this.stop())}get slideDuration(){return this._slideDuration}set slideDuration(a){if(a<this.fadeDuration)throw new RangeError('Slide duration must be greater than fade duration');this._slideDuration=a}attributeChangedCallback(a,c,d){'animation-direction'===a?this.animationDirection=d:'animation-names'===a?this.animationNames=d?d.split(' ').filter((a)=>a):b:'fade-duration'===a?this.fadeDuration=+d:'images'===a?this.images=d?d.split(' ').filter((a)=>a):[]:'slide-duration'===a?this.slideDuration=+d:void 0}connectedCallback(){'object'==typeof window.ShadyCSS&&window.ShadyCSS.styleElement(this)}animateImages(b){const c=(a,d)=>{const e=Math.random(),f=Math.floor(e*this.animationNames.length),g='random'===this.animationDirection?.5<e?'normal':'reverse':this.animationDirection,h=document.createElement('div');h.appendChild(d),h.style.animationName=`${this.animationNames[f]}, fade-in`,h.style.animationDuration=`${this.slideDuration}ms, ${this.fadeDuration}ms`,h.style.animationDirection=`${g}, normal`,h.style.animationTimingFunction='linear, ease',h.style.zIndex=this._zCounter++ +'',this.shadowRoot.appendChild(h),setTimeout(()=>h.remove(),this.slideDuration);const i=(a+1)%b.length,j=document.createElement('img');j.src=b[i],this._timeout=setTimeout(()=>c(i,j),this.slideDuration-this.fadeDuration)},d=document.createElement('img');d.src=b[0],d.onload=()=>{a(this._imgList,b)&&(this.stop(),c(0,d))}}stop(){clearTimeout(this._timeout),this._timeout=0}}return customElements.define('ken-burns-carousel',d),d}); 79//# sourceMappingURL=ken-burns-carousel.min.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.