1"use strict";(globalThis.webpackChunktesa_2016=globalThis.webpackChunktesa_2016||[]).push([[7437],{962:(e,t,l)=>{l.r(t),l.d(t,{default:()=>k});var a=l(5166),o=l(6138);const r={key:0,class:"grid-helper"},i={class:"grid-helper__controls"},n={class:"marg-t--1"},u={class:"marg-t--1"},s=["textContent"],c=["textContent"],d={key:0,class:"grid-helper__grid"},p={class:"grid-helper__container container"},v={class:"grid-helper__row"},_="gridHelper",g=Object.assign({name:"GridHelper"},{__name:"GridHelper",props:{columnsPerBreakpoint:{type:Object,default:()=>({mobile:2,tablet:6,desktop:12})}},setup(e){const t=e,{activeBreakpoint:l,activeLayout:g}=(0,o.S)(),k=(0,a.iH)(!1),b=(0,a.iH)(!0),h=(0,a.iH)(!0),w=(0,a.Fl)(()=>b.value?t.columnsPerBreakpoint[g.value]:t.columnsPerBreakpoint.desktop);function y(){k.value=!1,h.value=!1}function m(){localStorage.setItem(_,JSON.stringify({showGrid:k.value,useLayoutGrid:b.value}))}return(0,a.wF)(()=>{!function(){const e=localStorage.getItem(_),t=e?JSON.parse(e):null;t&&(k.value=t.showGrid,b.value=t.useLayoutGrid)}()}),(0,a.YP)(k,m),(0,a.YP)(b,m),(e,t)=>h.value?((0,a.wg)(),(0,a.iD)("div",r,[(0,a._)("div",i,[(0,a._)("button",{type:"button",class:"grid-helper__close-button","aria-label":"Close grid helper layer",onClick:y}),t[2]||(t[2]=(0,a.Uk)()),t[3]||(t[3]=(0,a._)("a",{href:"/",class:"link"},"Back to overview",-1)),t[4]||(t[4]=(0,a.Uk)()),(0,a._)("p",n,"Layout: "+(0,a.zw)((0,a.SU)(g)),1),t[5]||(t[5]=(0,a.Uk)()),(0,a._)("p",u,"Breakpoint: "+(0,a.zw)((0,a.SU)(l)),1),t[6]||(t[6]=(0,a.Uk)()),(0,a._)("button",{type:"button",class:(0,a.C_)(["grid-helper__button marg-t--1 button",k.value?"button--cta-2":"button--cta-3"]),textContent:(0,a.zw)(""+(k.value?"Hide grid":"Show grid")),onClick:t[0]||(t[0]=e=>k.value=!k.value)},null,10,s),t[7]||(t[7]=(0,a.Uk)()),(0,a._)("button",{type:"button",class:"grid-helper__button marg-t--1 button button--cta-3",onClick:t[1]||(t[1]=e=>b.value=!b.value),textContent:(0,a.zw)(""+(b.value?"Layout grid":"Tech grid"))},null,8,c)]),t[8]||(t[8]=(0,a.Uk)()),k.value?((0,a.wg)(),(0,a.iD)("div",d,[(0,a._)("div",p,[(0,a._)("div",v,[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(w.value,e=>((0,a.wg)(),(0,a.iD)("div",{key:`col-${e}`,class:"grid-helper__col"}))),128))])])])):(0,a.kq)("v-if",!0)])):(0,a.kq)("v-if",!0)}});const k=(0,l(3744).Z)(g,[["__scopeId","data-v-3e6f31e5"]])}}]);
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.