https://www.csi-audiovisuel.com/build/app/shop/preview-iframe.b92d3295.js

1(self.webpackChunk=self.webpackChunk||[]).push([[3906],{3571:(e,t,s)=>{"use strict";s.d(t,{A:()=>d});var o=s(8377),n=s(7007),i=s.n(n),r=s(6421),a=s.n(r);const c=Symbol("singleton"),l=Symbol("singleton enforcer");class p extends(i()){constructor(e){if(e!==l)throw new Error("Cannot construct singleton");super(),this._isOpen=!1,this._el=Object.assign(document.createElement("div"),{classList:"popin",innerHTML:a().render({})}),document.body.appendChild(this._el),this._createBounds(),this._grabDom(),this._addEvents()}static getInstance(){return this[c]||(this[c]=new p(l)),this[c]}get el(){return this._el}open(e,t="",s=null,o=!1){this._el.className="popin",this._dom.content.innerText="",this._dom.content.appendChild(e),t&&this._el.classList.add(t);const n=[...this._dom.content.querySelectorAll("[data-popin-close]")];s&&(this._dom.close.setAttribute("aria-describedby",s),this._dom.wrapper.setAttribute("aria-labelledby",s));for(let e=0;e<n.length;e++)n[e].addEventListener("click",this._onClose);const i=[...this._el.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')];this._firstFocusableEl=i[0],this._lastFocusableEl=1===i.length?i[0]:i[i.length-1],this._isOpen=!0,o||(this._lastFocusalbe=document.activeElement,this._show())}update(e,t="",s=null){this._removeEvents(),this.open(e,t,s,!0)}close(){this._removeEvents(),this._isOpen=!1,this._dom.wrapper.removeAttribute("aria-labelledby"),this._dom.close.removeAttribute("aria-describedby"),this._dom.mainContainer.setAttribute("aria-hidden",!1),this._lastFocusalbe&&this._lastFocusalbe.focus(),this._hide()}_onClose(){this.close()}_onKeydown(e){this._isOpen&&(9===e.keyCode||"Tab"===e.code?e.shiftKey?document.activeElement===this._firstFocusableEl&&(this._lastFocusableEl.focu

1s(),e.preventDefault()):document.activeElement===this._lastFocusableEl&&(this._firstFocusableEl.focus(),e.preventDefault()):27!==e.keyCode&&"Escape"!==e.code||(e.preventDefault(),this.close()))}_createBounds(){["_onClose","_onKeydown"].forEach((e=>{this[e]=this[e].bind(this)}))}_show(){const e={opacity:0,yPercent:20,xPercent:0,scrollTo:0};this._el.classList.contains("popin-aside")&&(e.yPercent=0,e.xPercent=20),o.os.set(this._el,{opacity:0,scrollTo:0}),o.os.set(this._dom.wrapper,e);const t=o.os.timeline({delay:.2,onComplete:()=>{this._firstFocusableEl&&(this._dom.mainContainer.setAttribute("aria-hidden",!0),this._firstFocusableEl.focus()),this.emit("opened")}});document.body.classList.add("popin-open"),t.to(this._el,{duration:.2,opacity:1,scrollTo:0}),t.to(this._dom.wrapper,{opacity:1,duration:.2,yPercent:0,xPercent:0,scrollTo:0})}_hide(){const e={};this._el.classList.contains("popin-aside")?e.xPercent=20:e.yPercent=20,this.emit("before-close");const t=o.os.timeline({delay:.2,onComplete:()=>{document.body.classList.remove("popin-open"),this.emit("close")}});t.to(this._dom.wrapper,e),t.to(this._el,{duration:.2,opacity:0},0)}_grabDom(){this._dom={},this._dom.mainContainer=document.querySelector(".main-wrapper"),this._dom.close=this._el.querySelector(".popin-close"),this._dom.content=this._el.querySelector(".popin-content"),this._dom.wrapper=this._el.querySelector(".popin-wrapper"),this._dom.background=this._el.querySelector(".popin-background")}_removeEvents(){const e=[...this._dom.content.querySelectorAll("[data-popin-close]")];for(let t=0;t<e.length;t++)e[t].removeEventListener("click",this._onClose)}_addEvents(){this._dom.close.addEventListener("click",this._onClose),this._dom.background.addEventListener("click",this._onClose),document.addEventListener("keydown",this._onKeydown)}}const d=p.getInstance()},1850:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>n});var o=s(3571);class n{constructor(e){this._el=e,this._createBounds(),this._grabDom(),this._addEvents()}_onOpen(e){e.stopImmediatePropagation();const t=document.createElement("iframe");t.src=this._el.dataset.iframe,o.A.open(t,"popin-preview-iframe")}_createBounds(){["_onOpen"].forEach((e=>{this[e]=this[e].bind(this)}))}_grabDom(){this._dom={},this._dom.button=this._el.querySelector("[data-iframe-button]")}_addEvents(){this._el.addEventListener("click",this._onOpen),this._dom.button.addEventListener("click",this._onOpen)}}},6421:(e,t,s)=>{var o,n=s(8446);o=n.currentEnv?n.currentEnv:n.currentEnv=new n.Environment([],void 0);var i=n.webpackDependencies||(n.webpackDependencies={});i["../sprite-svg.njk"]=s(384);var r=s(3802);(n.nunjucksPrecompiled=n.nunjucksPrecompiled||{})["assets/shop/javascripts/components/popin/tpl.njk"]={root:function(e,t,s,o,n){var i=0,r=0,a="";try{e.getTemplate("../sprite-svg.njk",!1,"assets/shop/javascripts/components/popin/tpl.njk",!1,(function(s,c){s?n(s):c.getExported((function(s,c){s?n(s):(t.setVariable("spriteSvg",c),a+='\n<div class="popin-background"></div>\n<div class="popin-wrapper" role="dialog" aria-modal="true">\n  <button class="popin-close" type="button" data-dismiss="dialog">\n    ',a+=o.suppressValue((i=4,r=23,o.callWrap(o.memberLookup(c,"sprite"),'spriteSvg["sprite"]',t,["cross"])),e.opts.autoescape),n(null,a+='\n    <span class="sr-only">Fermer la modale</span>\n  </button>\n  <div class="popin-content"></div>\n</div>'))}))}))}catch(e){n(o.handleError(e,i,r))}}},e.exports=r(n,o,n.nunjucksPrecompiled["assets/shop/javascripts/components/popin/tpl.njk"],i)},384:(e,t,s)=>{var o,n=s(8446);o=n.currentEnv?n.currentEnv:n.currentEnv=new n.Environment([],void 0);var i=n.webpackDependencies||(n.webpackDependencies={}),r=s(3802);(n.nunjucksPrecompiled=n.nunjucksPrecompiled||{})["assets/shop/javascripts/components/sprite-svg.njk"]={root:function(e,t,s,o,n){try{var i=o.makeMacro(["id"],["classes","viewBox"],(function(n,i){var r=s;s=new o.Frame,i=i||{},Object.prototype.hasOwnProperty.call(i,"caller")&&s.set("caller",i.caller),s.set("id",n),s.set("classes",Object.prototype.hasOwnProperty.call(i,"classes")?i.classes:""),s.set("viewBox",Object.prototype.hasOwnProperty.call(i,"viewBox")?i.viewB

1ox:"0 0 1 1");var a="";return a+='\n  <span class="sprite sprite--',a+=o.suppressValue(n,e.opts.autoescape),a+=" ",a+=o.suppressValue(o.contextOrFrameLookup(t,s,"classes")?"sprite--"+o.contextOrFrameLookup(t,s,"classes"):"",e.opts.autoescape),a+='">\n    <svg viewBox="',a+=o.suppressValue(o.contextOrFrameLookup(t,s,"viewBox"),e.opts.autoescape),a+='" role="img" aria-hidden="true"><use xlink:href="#icon-',a+=o.suppressValue(n,e.opts.autoescape),a+='"></use></svg>\n  </span>\n',s=r,new o.SafeString(a)}));t.addExport("sprite"),t.setVariable("sprite",i),n(null,"")}catch(e){n(o.handleError(e,0,0))}}},e.exports=r(n,o,n.nunjucksPrecompiled["assets/shop/javascripts/components/sprite-svg.njk"],i)}}]);