import{u as k,m as b,a as y}from"./getyourguide-compass-DiW8VAwx-v01.js";import{d as $,f as c,o as e,c as s,b as i,i as n,w as C,D as h,n as p,e as a,t as d,r,E as g,F as B}from"./vendors-vue-framework-D0ko5r7b-v01.js";import"./getyourguide-framework-zN1rWVTs-v01.js";import"./vendors-B_F9QIs4-v01.js";const m="data-modal-is-visible",w=$({name:"Modal",components:{CTransition:k,CIconButton:b},props:{additionalClass:{type:String,default:""},title:{type:String,default:""},transition:{type:String,default:"slide-right"},show:{type:Boolean,default:!0},overlay:{type:Boolean,default:!1},showBackButton:{type:Boolean,default:!1},includeMarkupInDom:{type:Boolean,default:!1}},emits:["closeModal","loaded","back-click"],watch:{show(o){o?document.querySelector("body").setAttribute(m,""):document.querySelector("body").removeAttribute(m),this.$emit("loaded")}},destroyed(){document.querySelector("body").removeAttribute(m)},mounted(){this.$emit("loaded")}}),_={class:"modal-navigation"},I={class:"modal-navigation-left__label"},S={class:"modal-title"},M={class:"modal-content"},D={class:"modal-info"},A={class:"modal-navigation"},T={class:"modal-navigation-left__label"},V={class:"modal-title"},q={class:"modal-content"},E={class:"modal-info"};function N(o,t,j,F,L,z){const u=c("CIcon"),v=c("CIconButton"),f=c("CTransition");return e(),s("div",null,[o.show&&o.overlay?(e(),s("div",{key:0,class:"modal-overlay",onClick:t[0]||(t[0]=l=>o.$emit("closeModal"))})):i("",!0),n(f,{transition:o.transition},{default:C(()=>[o.includeMarkupInDom?h((e(),s("div",{key:0,class:p(["modal-dialog","js-modal",o.additionalClass])},[a("nav",_,[o.showBackButton?(e(),s("div",{key:0,onClick:t[1]||(t[1]=l=>o.$emit("back-click")),"data-test-id":"back-button",class:"modal-navigation-left"},[n(u,{name:"arrow-left"}),a("span",I,d(o.$t("globalnav_button_back")),1)])):i("",!0),n(v,{class:"mobile-modal-back",type:"button",icon:"cross",variant:"transparent",onClick:t[2]||(t[2]=l=>o.$emit("closeModal"))}),a("span",S,d(o.title),1),r(o.$slots,"header-control-right",{},void 0,!0)]),a("div",M,[a("div",D,[r(o.$slots,"default",{},void 0,!0)])])],2)),[[g,o.show]]):(e(),s(B,{key:1},[o.show?(e(),s("div",{key:0,class:p(["modal-dialog","js-modal",o.additionalClass])},[a("nav",A,[o.showBackButton?(e(),s("div",{key:0,onClick:t[3]||(t[3]=l=>o.$emit("back-click")),"data-test-id":"back-button",class:"modal-navigation-left"},[n(u,{name:"arrow-left"}),a("span",T,d(o.$t("globalnav_button_back")),1)])):i("",!0),n(v,{class:"mobile-modal-back",type:"button",icon:"cross",variant:"transparent",onClick:t[4]||(t[4]=l=>o.$emit("closeModal"))}),a("span",V,d(o.title),1),r(o.$slots,"header-control-right",{},void 0,!0)]),a("div",q,[a("div",E,[r(o.$slots,"default",{},void 0,!0)])])],2)):i("",!0)],64))]),_:3},8,["transition"])])}const J=y(w,[["render",N],["__scopeId","data-v-adc14172"]]);export{J as default};
//# sourceMappingURL=modal-DII-28fX-v01.js.map