https://www.ilovescience.brussels/etc.clientlibs/visitbrussels/cli…/vue-tabs-container-709c60608b821b0d373a.js

1"use strict";(self.webpackChunkaem_maven_archetype=self.webpackChunkaem_maven_archetype||[]).push([[9220,170,3332,51],{13332:function(t,e,n){n.d(e,{JA:function(){return l},LP:function(){return s},Uh:function(){return c},Yz:function(){return o},a5:function(){return a},cB:function(){return f},qf:function(){return i},vs:function(){return u}});var r=n(65756),a=function(t,e,n){return(0,r.U)({container:t,prevButton:e,nextButton:n,slideBy:1,gutter:50,swipeAngle:!1,preventScrollOnTouch:"force",autoWidth:!0,mouseDrag:!0,lazyload:!0,loop:!1,center:!1,nav:!1,responsive:{800:{gutter:84}}})},o=function(t,e){return(0,r.U)({container:t,items:1.1,slideBy:1,controls:!0,controlsContainer:e,mouseDrag:!0,lazyload:!0,gutter:20,loop:!1,center:!0,nav:!1})},i=function(t,e){return(0,r.U)({container:t,items:1.1,slideBy:1,controls:!0,controlsContainer:e,mouseDrag:!0,gutter:20,center:!0,loop:!1,nav:!1,responsive:{768:{items:1.3}}})},c=function(t,e){return(0,r.U)({container:t,items:1,slideBy:1,loop:!1,controlsContainer:e,mouseDrag:!0,lazyload:!0,center:!0,nav:!1})},u=function(t,e,n){return(0,r.U)({container:t,items:1.1,slideBy:1,controls:!0,controlsContainer:e,lazyload:!0,gutter:20,loop:!1,center:!1,mouseDrag:!0,nav:!1,responsive:{768:{items:2.2},1100:{items:n+.1},1920:{items:n}}})},l=function(t,e,n){return(0,r.U)({container:t,controlsContainer:e,startIndex:n,slideBy:1,edgePadding:16,gutter:16,autoWidth:!0,mouseDrag:!0,controls:!1,lazyload:!0,loop:!1,center:!1,nav:!1,responsive:{1025:{edgePadding:0,controls:!0}}})},s=function(t,e){return(0,r.U)({container:e,startIndex:t,controls:!1,autoWidth:!0,gutter:13,mouseDrag:!0,loop:!1,lazyload:!0,nav:!1,center:!1,arrowKeys:!1})},f=function(t,e,n,a,o){return(0,r.U)({container:t,prevButton:e,nextButton:n,startIndex:a,navContainer:o,navAsThumbnails:!0,items:1,loop:!1,mouseDrag:!0,lazyload:!0,center:!0})}},58612:function(t,e,n){function r(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(t){if("string"==typeof t)return a(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?a(t,e):void 0}}(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,o=function(){};return{s:o,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,c=!0,u=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return c=t.done,t},e:function(t){u=!0,i=t},f:function(){try{c||null==n.return||n.return()}finally{if(u)throw i}}}}function a(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}n.d(e,{BQ:function(){return d},Kw:function(){return l},QD:function(){return s},V9:function(){return p},d6:function(){return f},mZ:function(){return m},xf:function(){return v}});var o=new Event("urlupdate"),i=function(t){return""===t.toString()?window.location.pathname:window.location.pathname+"?"+t.toString()},c=function(t){var e=document.querySelector('link[rel="canonical"]');e&&e instanceof HTMLLinkElement&&(e.href=t,history.pushState(null,"",t))},u=function(t){var e=document.getElementsByClassName("cmp-language-navigation__item-link");Array.from(e,(function(e){if(e instanceof HTMLAnchorElement&&""!==e.href){var n=new URL(e.href);n.search=t,e.setAttribute("href",n.toString())}}))},l=function(t,e){if("URLSearchParams"in window){var n=new URLSearchParams(window.location.search),r=i(n);n.append(t,"string"==typeof e?e:e.toString());var a=i(n);u(n.toString()),a!==r&&c(a),window.dispatchEvent(o)}},s=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if("URLSearchParams"in window){var n=new URLSearchParams(window.location.search),r=i(n);n.delete(t),e&&e.forEach((function(e){"number"==typeof e&&(e=e.toString()),n.append(t,e)}));var a=i(n);u(n.toString()),a!==r&&c(a),window.dispatchEvent(o)}},f=function(t){return"URLSearchParams"in window?new URLSearchParams(window.location.search).getAll(t):[]},p=function(t,e){var n=f(t);n.includes(e)?(n=n.filter((function(t){return t!==e})),s(t,n)):l(t,e)},d=function(t){if("URLSearchParams"in window){var e=new URLSearchParams(window.location.search);if(e.values().next().done)return!0;var n,a=r(t);try{for(a.s();!(n=a.n()).done;){var o=n.value;if(e.has(o))return!1}}catch(t){a.e(t)}finally{a.f()}}return!0},v=function(t){if("URLSearchParams"in window){var e=new URLSearchParams(window.location.search),n=i(e);t.forEach((function(t){e.delete(t)}));var r=i(e);u(e.toString()),r!==n&&c(r),window.dispatchEvent(o)}},m=function(t,e){var n={},r=new URL(t),a=r.searchParams;return e||(e=Array.from(a.keys())),e.forEach((function(t){var e=a.get(t);e&&(n[t]=e,a.delete(t))})),r.search=a.toString(),[r.toString(),n]}},58853:function(t,e,n){n.d(e,{s:function(){return o}});var r=n(6934),a=n(58612),o=function(t){var e=t.appsData,n=t.queryParamKey,o=t.afterHandler,i=(0,r.KR)((0,a.d6)(n)[0]||e[0].id);return window.addEventListener("popstate",(function(){var t=(0,a.d6)(n)[0]||e[0].id;t!==i.value&&(i.value=t,null==o||o(t))})),{activeTab:i,handleLabelClick:function(t){i.value=t,(0,a.QD)(n,[t]),null==o||o(t)}}}},76314:function(t){t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n="",r=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),r&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=t(e),r&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n})).join("")},e.i=function(t,n,r,a,o){"string"==typeof t&&(t=[[null,t,void 0]]);var i={};if(r)for(var c=0;c<this.length;c++){var u=this[c][0];null!=u&&(i[u]=!0)}for(var l=0;l<t.length;l++){var s=[].concat(t[l]);r&&i[s[0]]||(void 0!==o&&(void 0===s[5]||(s[1]="@layer".concat(s[5].length>0?" ".concat(s[5]):""," {").concat(s[1],"}")),s[5]=o),n&&(s[2]?(s[1]="@media ".concat(s[2]," {").concat(s[1],"}"),s[2]=n):s[2]=n),a&&(s[4]?(s[1]="@supports (".concat(s[4],") {").concat(s[1],"}"),s[4]=a):s[4]="".concat(a)),e.push(s))}},e}},31601:function(t){t.exports=function(t){return t[1]}},85072:function(t){var e=[];function n(t){for(var n=-1,r=0;r<e.length;r++)if(e[r].identifier===t){n=r;break}return n}function r(t,r){for(var o={},i=[],c=0;c<t.length;c++){var u=t[c],l=r.base?u[0]+r.base:u[0],s=o[l]||0,f="".concat(l," ").concat(s);o[l]=s+1;var p=n(f),d={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(-1!==p)e[p].references++,e[p].updater(d);else{var v=a(d,r);r.byIndex=c,e.splice(c,0,{identifier:f,updater:v,references:1})}i.push(f)}return i}function a(t,e){var n=e.domAPI(e);n.update(t);return function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap&&e.supports===t.supports&&e.layer===t.layer)return;n.update(t=e)}else n.remove()}}t.exports=function(t,a){var o=r(t=t||[],a=a||{});return function(t){t=t||[];for(var i=0;i<o.length;i++){var c=n(o[i]);e[c].references--}for(var u=r(t,a),l=0;l<o.length;l++){var s=n(o[l]);0===e[s].references&&(e[s].updater(),e.splice(s,1))}o=u}}},77659:function(t){var e={};t.exports=function(t,n){var r=function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}e[t]=n}return e[t]}(t);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invali

1d.");r.appendChild(n)}},10540:function(t){t.exports=function(t){var e=document.createElement("style");return t.setAttributes(e,t.attributes),t.insert(e,t.options),e}},55056:function(t,e,n){t.exports=function(t){var e=n.nc;e&&t.setAttribute("nonce",e)}},97825:function(t){t.exports=function(t){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=t.insertStyleElement(t);return{update:function(n){!function(t,e,n){var r="";n.supports&&(r+="@supports (".concat(n.supports,") {")),n.media&&(r+="@media ".concat(n.media," {"));var a=void 0!==n.layer;a&&(r+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),r+=n.css,a&&(r+="}"),n.media&&(r+="}"),n.supports&&(r+="}");var o=n.sourceMap;o&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleTagTransform(r,t,e.options)}(e,t,n)},remove:function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(e)}}}},41113:function(t){t.exports=function(t,e){if(e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}},66262:function(t,e){e.A=(t,e)=>{const n=t.__vccOpts||t;for(const[t,r]of e)n[t]=r;return n}},68019:function(t,e,n){n.r(e),n.d(e,{default:function(){return u}});var r=n(6934),a={key:1,class:"cmp-link__svg",viewBox:"0 0 60 2",width:"100%",height:"2",fill:"none",xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"none"},o=[(0,r.Lk)("path",{d:"M0 1.22222C32.5 0.722222 53 1.22222 60 1.22222",stroke:"currentColor"},null,-1)];var i=n(51),c=(0,r.pM)({name:"VueButton",components:{VueIcon:i.default},props:{buttonText:{type:String},icon:{type:String},iconSize:{type:String,default:"small"},showLineSvg:{type:Boolean,default:!1}},setup:function(){var t=(0,r.KR)();return{buttonRef:(0,r.WQ)("buttonRef",t)}}});var u=(0,n(66262).A)(c,[["render",function(t,e,n,i,c,u){var l=(0,r.g2)("VueIcon");return(0,r.uX)(),(0,r.CE)("button",{class:(0,r.C4)(["cmp-button",{"btn--icon":t.icon}]),ref:"buttonRef"},[(0,r.eW)((0,r.v_)(t.buttonText)+" ",1),t.icon?((0,r.uX)(),(0,r.Wv)(l,{key:0,path:"/content/dam/visitbrussels/icons/".concat(t.icon,".svg"),class:(0,r.C4)("cmp-icon--".concat(t.iconSize))},null,8,["path","class"])):(0,r.Q3)("v-if",!0),t.showLineSvg?((0,r.uX)(),(0,r.CE)("svg",a,o)):(0,r.Q3)("v-if",!0)],2)}]])},51:function(t,e,n){n.r(e),n.d(e,{default:function(){return u}});var r=n(6934),a={class:"cmp-icon cmp-icon--current-color"},o=["src"];var i=n(70387),c=(0,r.pM)({name:"VueIcon",props:{path:String},setup:function(){var t=(0,r.KR)();return(0,r.sV)((function(){var e=t.value;e&&e.src&&e.src.endsWith(".svg")&&(0,i.L)(e)})),{imageRef:t}}});var u=(0,n(66262).A)(c,[["render",function(t,e,n,i,c,u){return(0,r.uX)(),(0,r.CE)("div",a,[(0,r.Lk)("img",{src:t.path,class:"cmp-icon__image cmp-icon__image--svg",ref:"imageRef",alt:""},null,8,o)])}]])},53980:function(t,e,n){n.r(e),n.d(e,{default:function(){return o}});var r=n(6934);var a=(0,r.pM)({name:"VueTitle",props:{text:{type:String},element:{type:String,default:"h2",validator:function(t){return["h1","h2","h3","h4","h5","h6"].includes(t)}}}});var o=(0,n(66262).A)(a,[["render",function(t,e,n,a,o,i){return t.text?((0,r.uX)(),(0,r.Wv)((0,r.$y)(t.element),{key:0,class:"cmp-title"},{default:(0,r.k6)((function(){return[(0,r.eW)((0,r.v_)(t.text),1)]})),_:1})):(0,r.Q3)("v-if",!0)}]])},6453:function(t,e,n){n.r(e),n.d(e,{default:function(){return s}});var r=n(6934),a={class:"cmp-tabs-container"},o={key:0,class:"cmp-tabs-container__content"};var i=n(58612),c=n(74104),u=n(53980),l=(0,r.pM)({components:{VueTitle:u.default,TabsSlider:c.default},name:"TabsContainer",props:{appsData:{type:Object,required:!0},queryParamKey:{type:String,required:!0},title:{type:String},backgroundColorCustom:{type:String},backgroundColorTheme:{type:String},textColorTitle:{type:String},textColorActiveTab:{type:String},textColorInactiveTabs:{type:String},hideSvgLineActiveTab:{type:Boolean,default:!1}},setup:function(t){var e=(0,r.KR)((0,i.d6)(t.queryParamKey)[0]||t.appsData[0].id);return{onToggle:function(t){e.value=t},visibleContentTab:e}}});var s=(0,n(66262).A)(l,[["render",function(t,e,n,i,c,u){var l=(0,r.g2)("VueTitle"),s=(0,r.g2)("TabsSlider");return(0,r.uX)(),(0,r.CE)("div",a,[(0,r.Lk)("div",{class:(0,r.C4)(["cmp-tabs-container__header",[t.title?"":"cmp-tabs-container__header--no-title",t.backgroundColorTheme?t.backgroundColorTheme:""]]),style:(0,r.Tr)(t.backgroundColorCustom?t.backgroundColorCustom:"")},[(0,r.bF)(l,{class:(0,r.C4)(["u-max-width--small cmp-title--large cmp-title--centered","".concat(t.textColorTitle," ? u-color--").concat(t.textColorTitle," : ''")]),element:"h2",text:t.title},null,8,["class","text"]),(0,r.bF)(s,{onActiveTab:t.onToggle,appsData:t.appsData,queryParamKey:t.queryParamKey,"text-color-active-tab":t.textColorActiveTab,"text-color-inactive-tabs":t.textColorInactiveTabs,"hide-svg-line-active-tab":t.hideSvgLineActiveTab},null,8,["onActiveTab","appsData","queryParamKey","text-color-active-tab","text-color-inactive-tabs","hide-svg-line-active-tab"])],6),((0,r.uX)(!0),(0,r.CE)(r.FK,null,(0,r.pI)(t.appsData,(function(e){return(0,r.uX)(),(0,r.CE)("div",{key:e.id},[e.id===t.visibleContentTab?((0,r.uX)(),(0,r.CE)("div",o,[((0,r.uX)(),(0,r.Wv)(r.PR,null,[(0,r.RG)(t.$slots,e.id)],1024))])):(0,r.Q3)("v-if",!0)])})),128))])}]])},74104:function(t,e,n){n.r(e),n.d(e,{default:function(){return h}});var r=n(6934),a={class:"cmp-tabs-slider__navigation"},o={class:"cmp-tabs-slider__navigation--prev",ref:"prevButtonRef"},i={class:"cmp-tabs-slider"},c={ref:"sliderContainerRef"},u={class:"cmp-tabs-slider__navigation--next",ref:"nextButtonRef"};var l=n(64467),s=n(13332),f=n(80816),p=n(68019),d=n(61995),v=n(58853);function m(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var b=(0,r.pM)({name:"TabsSlider",components:{VueButton:p.default,TabsSliderItems:d.A},props:{appsData:{type:Object,required:!0},queryParamKey:{type:String,required:!0},textColorActiveTab:{type:String},textColorInactiveTabs:{type:String},hideSvgLineActiveTab:{type:Boolean,default:!1}},emits:["active-tab"],setup:function(t,e){var n=e.emit,a=function(e){if(b.value){var n=t.appsData.findIndex((function(t){return t.id===e}));b.value.goTo(n)}},o=(0,v.s)(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};

1e%2?m(Object(n),!0).forEach((function(e){(0,l.A)(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({afterHandler:function(t){n("active-tab",t),a(t)}},t)),i=o.activeTab,c=o.handleLabelClick,u=(0,r.KR)(),p=(0,r.KR)(),d=(0,r.KR)(),b=(0,r.KR)();return(0,r.nT)((function(){var t=u.value,e=p.value,n=d.value;if(t&&e&&n)try{b.value=(0,s.a5)(t,e,n)}catch(r){(0,f.H4)(r),n.classList.add("u-visually-hidden"),e.classList.add("u-visually-hidden"),t.classList.add("cmp-tabs-slider__onError")}}),{flush:"post"}),(0,r.wB)(b,(function(){a(i.value)})),{activeTab:i,handleLabelClick:c,sliderContainerRef:u,prevButtonRef:p,nextButtonRef:d}}});n(35272);var h=(0,n(66262).A)(b,[["render",function(t,e,n,l,s,f){var p=(0,r.g2)("VueButton"),d=(0,r.g2)("TabsSliderItems");return(0,r.uX)(),(0,r.CE)("div",a,[(0,r.Lk)("div",o,[(0,r.bF)(p,{style:(0,r.Tr)([t.textColorInactiveTabs?t.textColorInactiveTabs:"color: black",t.hideSvgLineActiveTab?"":"margin-top: -20px"]),class:"btn btn--secondary btn--icon-only",icon:"chevronLeft","aria-label":"Previous"},null,8,["style"])],512),(0,r.Lk)("div",i,[(0,r.Lk)("div",c,[((0,r.uX)(!0),(0,r.CE)(r.FK,null,(0,r.pI)(t.appsData,(function(e){return(0,r.uX)(),(0,r.CE)("div",{key:e.label,class:"slider-item"},[(0,r.bF)(d,(0,r.v6)({ref_for:!0},t.$props,{app:e,"active-tab":t.activeTab,onLabelClick:t.handleLabelClick}),null,16,["app","active-tab","onLabelClick"])])})),128))],512)]),(0,r.Lk)("div",u,[(0,r.bF)(p,{style:(0,r.Tr)([t.textColorInactiveTabs?t.textColorInactiveTabs:"color: black",t.hideSvgLineActiveTab?"":"margin-top: -20px"]),class:"btn btn--secondary btn--icon-only",icon:"chevronRight","aria-label":"Next"},null,8,["style"])],512)])}]])},61995:function(t,e,n){n.d(e,{A:function(){return u}});var r=n(6934),a={class:"cmp-tabs-slider__text-label"},o={key:0,class:"cmp-tabs-slider__line",width:"120%",height:"10",viewBox:"0 0 95 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"none"},i=[(0,r.Lk)("path",{d:"M2.49172 8.0006C32.2707 3.42542 62.4488 1.65279 92.5057 2.71163",stroke:"currentColor","stroke-width":"3","stroke-miterlimit":"4.0021","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)];var c=(0,r.pM)({name:"TabsSliderItem",props:{app:{type:Object,required:!0},activeTab:{type:String,required:!0},queryParamKey:{type:String,required:!0},textColorActiveTab:{type:String},textColorInactiveTabs:{type:String},hideSvgLineActiveTab:{type:Boolean,default:!1}},emits:["label-click"]});var u=(0,n(66262).A)(c,[["render",function(t,e,n,c,u,l){return(0,r.uX)(),(0,r.CE)("button",{class:(0,r.C4)(["cmp-tabs-slider__tab",t.activeTab===t.a

1pp.id?"cmp-tabs-slider__tab--active":"cmp-tabs-slider__tab--default"]),onClick:e[0]||(e[0]=function(e){return t.$emit("label-click",t.app.id)}),style:(0,r.Tr)(t.textColorActiveTab&&t.activeTab===t.app.id?t.textColorActiveTab:t.textColorInactiveTabs)},[(0,r.Lk)("div",{class:"text cmp-tabs-slider__text",style:(0,r.Tr)(t.textColorActiveTab&&t.activeTab===t.app.id?t.textColorActiveTab:t.textColorInactiveTabs)},[(0,r.RG)(t.$slots,"label-prefix"),(0,r.Lk)("span",a,(0,r.v_)(t.app.label),1),(0,r.RG)(t.$slots,"label-suffix")],4),t.hideSvgLineActiveTab?(0,r.Q3)("v-if",!0):((0,r.uX)(),(0,r.CE)("svg",o,i))],6)}]])}}]);