class e extends HTMLElement{connectedCallback(){this.openButton=this.querySelector("[data-open-button]"),this.closeButton=this.querySelector("[data-close-button]"),this.frontTile=this.querySelector("[data-photos-reversible-tile-front]"),this.reverseTile=this.querySelector("[data-photos-reversible-tile-reverse]"),this.container=this.querySelector("[data-photos-reversible-tile-container]"),this.openButton&&this.openButton.addEventListener("click",()=>this.open()),this.closeButton&&this.closeButton.addEventListener("click",()=>this.close()),this.close()}open(){this.container?.setAttribute("data-open",""),this.frontTile?.setAttribute("inert",""),this.reverseTile?.removeAttribute("inert")}close(){this.container?.removeAttribute("data-open"),this.frontTile?.removeAttribute("inert"),this.reverseTile?.setAttribute("inert","")}}customElements.get("photos-reversible-tile")||customElements.define("photos-reversible-tile",e);