1"use strict";(self.webpackChunkproject_name=self.webpackChunkproject_name||[]).push([[7338,889],{4206:function(e,t,l){l.r(t),l.d(t,{default:function(){return g}});var o=l(4572),a=l(5166),s=l(3782),i=l(8719),r=l(8915),n=l(6451),u=l(5640),p=l(5078),c=l(4982);function b(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),l.push.apply(l,o)}return l}function v(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?b(Object(l),!0).forEach((function(t){(0,o.Z)(e,t,l[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):b(Object(l)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))}))}return e}const m={key:0,class:"preloader preloader--big"},h=[(0,a._)("div",{class:"preloader__box"},[(0,a._)("div",{class:"preloader__cut"},[(0,a._)("div",{class:"preloader__donut"})])],-1)],d=["aria-label"],f=["aria-label"],_="hotspot-blueprint";var g={__name:"hotspot-blueprint",props:{moduleId:String,filterLabelBlueprints:String,filterLabelSections:String,blueprints:Object},setup(e){const t=e,l={blueprint:".js-hotspot-blueprint__blueprint",blueprintWrapper:".js-hotspot-blueprint__blueprint__wrapper",blueprintZoomable:".js-hotspot-blueprint__blueprint__zoomable",hotspot:".js-hotspot-blueprint__hotspot"},o="is-hidden",b="is-active",g=(0,a.iH)((0,s.J2)()),y=(0,a.iH)({}),$=(0,a.iH)(null),S=(0,a.iH)(null),w=(0,a.iH)({}),j=(0,a.iH)(!1),O=(0,r.V)(t.filterLabelBlueprints),L=(0,r.V)(t.filterLabelSections),P=(0,a.iH)([]),
1k=(0,a.Fl)((()=>y.value[O]?w.value[(0,r.V)(y.value[O][0])]:null)),Z=(0,a.Fl)((()=>y.value[L]?.length)),q=(0,a.Fl)((()=>!g.value.includes("tablet"))),z=e=>{y.value=e},C=e=>{y.value=e,V(k.value),x(k.value)},E=e=>{const t=e.viewBox.baseVal;return{height:e.getAttribute("height")||t.height,width:e.getAttribute("width")||t.width}},H=e=>q.value&&e.mobileSvg?e.mobileSvg:e.svg,A=e=>q.value&&e.mobileZoomholder?e.mobileZoomholder:e.zoomholder,D=e=>{const t=A(e);e.zoomable=(0,c.Z)(t,{maxZoom:3,minZoom:1,bounds:!0,boundsPadding:.8,initialZoom:1,beforeWheel:function(e){return!e.shiftKey},onTouch:function(e){return!e.target.classList.contains(l.hotspot.replace(".",""))&&!e.target.closest(l.hotspot)}}),setTimeout((()=>{j.value=!0}),10)},W=()=>{const e=H(k.value);k.value.zoomable.smoothZoom(e.width/2,e.height/2,1.5)},B=()=>{const e=H(k.value);k.value.zoomable.smoothZoom(e.width/2,e.height/2,.5)},V=e=>{e?.zoomable&&(e.zoomable.zoomAbs(0,0,1.01),e.zoomable.moveTo(0,0))},x=e=>{$.value.querySelectorAll(`${l.blueprint}[data-name="${e.slug}"] ${l.hotspot}`).forEach((e=>{e.classList.remove(o),e.classList.remove(b)}))};return(0,a.YP)(k,(e=>{var t;e&&(t=e,S.value&&S.value.clearFilterValue(L),$.value.querySelectorAll(l.blueprint).forEach((e=>{e.dataset.name===t.slug?e.style.display="flex":e.style.display="none"})),V(t),x(t))})),(0,a.YP)((()=>y.value[L]),(e=>{e?.length&&(e=>{const t=A(k.value),a=k.value.sections.find((t=>t.label===e))?.hotspots.map((e=>e.slug));t.querySelectorAll(l.hotspot).forEach((e=>{a.includes(e.dataset.slug)?(e.classList.remove(o),e.classList.add(b)):(e.classList.add(o),e.classList.remove(b))}))})(e[0])})),(0,a.YP)(q,(()=>{(()=>{for(const e in w.value)w.value[e].zoomable.dispose(),setTimeout((()=>{D(w.value[e])}),10)})()})),(0,a.bv)((()=>{(()=>{if(t.filterLabelBlueprints&&P.value.push({name:t.filterLabelBlueprints,slug:O,options:t.blueprints.map(((e,t)=>({name:e.name,initiallySelected:0===t})))}),t.filterLabelSections){const e=[];for(const l of t.blueprints)for(const t of l.sections)e.push({name:t.label,visibleIf:[{field:O,value:l.name}]});P.value.push({name:t.filterLabelSections,slug:L,options:e})}y.value[O]=t.blueprints.map((e=>e.name)).slice(0,1),y.value[L]=[]})(),t.blueprints.forEach((e=>{const o=(0,r.V)(e.name),a=$.value.querySelector(`${l.blueprint}[data-name="${o}"] ${l.blueprintWrapper}[data-viewport="desktop"]`),s=a.querySelector(`${l.blueprintZoomable}`),i=$.value.querySelector(`${l.blueprint}[data-name="${o}"] ${l.blueprintWrapper}[data-viewport="mobile"]`),n=a.querySelector("svg"),u=E(n);if(a.style.setProperty("--svg-width",`${u.width}`),a.style.setProperty("--svg-height",`${u.height}`),w.value[o]={blueprintHolder:a,zoomholder:s,slug:o,svg:v({el:n},u),sections:e.sections.map((e=>({label:e.label,hotspots:e.hotspots.map((e=>({slug:e.slug,title:e.title})))})))},i){const e=i.querySelector("svg"),t=E(e);i.style.setProperty("--svg-width",`${t.width}`),i.style.setProperty("--svg-height",`${t.height}`),w.value[o].mobileSvg=v({el:e},t);const a=i.querySelector(`${l.blueprintZoomable}`);w.value[o].mobileZoomholder=a}(e.sections?.flatMap((e=>e.hotspots))??[]).forEach((e=>{const l=`${t.moduleId}-${o}-${e.slug}`,a=$.value.querySelectorAll(`[data-blueprint="${o}"][data-slug="${e.slug}"]`),s=document.querySelector(`${p.q}#${l}`);s&&a.forEach((e=>{e.addEventListener("click",(e=>{e.stopPropagation(),e.preventDefault(),s.open=!0}))}))})),setTimeout((()=>{D(w.value[o])}),10)})),(0,i.oL)("active-breakpoints-change",(e=>{g.value=e.detail}))})),(e,t)=>{const l=(0,a.up)("icon");return(0,a.wg)(),(0,a.iD)("div",{class:(0,a.C_)(`${_}__main`)},[(0,a._)("div",{class:(0,a.C_)([`${_}__visuals`,{"section-active":Z.value},{initialized:j.value}]),ref_key:"visualsEl",ref:$},[j.value?(0,a.kq)("v-if",!0):((0,a.wg)(),(0,a.iD)("div",m,h)),(0,a._)("div",{class:(0,a.C_)(`${_}__visuals__inner`)},[(0,a.WI)(e.$slots,"default"),(0,a._)("div",{class:(0,a.C_)(`${_}__navigation`)},[(0,a._)("button",{type:"button",class:(0,a.C_)(`${_}__navigation__item`),"aria-label":(0,a.SU)(n.Z)("zoom_in"),onClick:W},[(0,a.Wm)(l,{type:"inline",name:"plus"})],10,d),(0,a._)("button",{type:"button",class:(0,a.C_)(`${_}__navigation__item`),"aria-label":(0,a.SU)(n.Z)("zoom_out"),onClick:B},[(0,a.Wm)(l,{type:"inline",name:"minus"}
1)],10,f)],2)],2)],2),P.value.length?((0,a.wg)(),(0,a.j4)(u.default,{key:0,ref_key:"filterBoxEl",ref:S,filters:P.value,class:(0,a.C_)(`${_}__filters`),"single-select":!0,"onUpdate:filters":z,"onClear:filters":C},null,8,["filters","class"])):(0,a.kq)("v-if",!0)],2)}}}}}]);
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.