1"use strict";(self.webpackChunkPantera=self.webpackChunkPantera||[]).push([[37],{8316(g,i,d){d.r(i),d.d(i,{element_media_gallery_photos:()=>h});var r=d(6259);class h extends r.A{_init(){this.handleKeydownBound=this._close.bind(this),(this.photos=this.querySelectorAll("img")).forEach((l,a)=>{l.closest("div.dropzone-col").addEventListener("click",n=>{this._show(l.src,a)})})}_show(e,l){const a=this.image||this._image();a.src=e,a.dataset.index=l.toString()}_image(){const e=document.createElement("div");e.classList.add("modal"),e.innerHTML=`<div class="gallery-modal"> 2 <a href="javascript:;" class="gallery-modal-close" data-dismiss="modal"> 3 <svg viewBox="-100 200 120 50" width="10"><path fill="currentColor" d="M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z" class=""></path></svg> 4 </a> 5 <div class="gallery-modal-body"> 6 <div class="gallery-modal-content-wrap"> 7 <div class="gallery-modal-content"> 8 <div class="gallery-modal-content-image" data-pk="145670"> 9 <img class="gallery-modal-image" src="" data-index="" draggable="false"> 10 </div> 11 </div> 12 </div> 13 <div class="gallery-modal-controls"> 14 <a href="javascript:;" class="gallery-modal-next gallery-modal-arrow"> 15 <svg viewBox="-100 200 100 100" width="10"><path fill="currentColor" d="M17.525 36.465l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L205.947 256 10.454 451.494c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l211.051-211.05c4.686-4.686 4.686-12.284 0-16.971L34.495 36.465c-4.686-4.687-12.284-4.687-16.97 0z" class=""></path></svg> 16 </a> 17 <a href="javascript:;" class="gallery-modal-prev gallery-modal-arrow"> 18 <svg viewBox="250 200 100 100" width="10"><path fill="currentColor" d="M238.475 475.535l7.071-7.07c4.686-4.686 4.686-12.284 0-16.971L50.053 256 245.546 60.506c4.686-4.686 4.686-12.284 0-16.971l-7.071-7.07c-4.686-4.686-12.284-4.686-16.97 0L10.454 247.515c-4.686 4.686-4.686 12.284 0 16.971l211.051 211.05c4.686 4.686 12.284 4.686 16.97-.001z" class=""></path></svg> 19 </a> 20 </div> 21 </div> 22 </div>`,document.body.append(e),this.modal=e,this.image=e.querySelector("img");const l=e.querySelector("a.gallery-modal-next"),a=e.querySelector("a.gallery-modal-prev"),n=e.querySelector("a.gallery-modal-close"),o=this.photos;return l.addEventListener("click",m=>{const s=parseInt(this.image.dataset.index)+1,t=s==o.length?0:s,c=o[t];this._show(c.src,t)}),a.addEventListener("click",m=>{const s=parseInt(this.image.dataset.index)-1,t=s==-1?o.length-1:s,c=o[t];this._show(c.src,t)}),n.addEventListener("click",this._close.bind(this)),document.addEventListener("keydown",this.handleKeydownBound),this.image}_close(){this.modal.remove(),this.image=null,this.modal=null,document.removeEventListener("keydown",this.handleKeydownBound)}}}}]);
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.