https://dintidning.se/dist/js/DesktopHeader-DesktopHeader.51684247.chunk.js

1"use strict";(globalThis.__LOADABLE_LOADED_CHUNKS__||=[]).push([[3614],{6069(e,s,n){n.r(s),n.d(s,{default:()=>S});var t=n(6540),r=n(6057),l=n(1610);var a=n(1641),c=n(5001),i=n(3565);var o=n(5174),u=n(7973),d=n(7458),h=n(1224),m=n(5811),f=n(3692);var v=n(9726),x=n(4848);function j(e){let{waiting:s,loading:n,result:l,onLoadMore:a}=e;const c=n||s,i=(0,t.useRef)(),{searchLabels:o}=(0,r.c3)(),{searchPage:u}=(0,r.mH)();(0,t.useEffect)(()=>{l&&(i.current=l)},[l]);const m=l??i.current,f=!!m&&m.results.every(e=>e.result.items.length<=0);return(0,x.jsxs)("div",{className:"results_ZH1f6J",onMouseDown:e=>e.preventDefault(),children:[c&&(0,x.jsx)(d.A,{className:"loading-bar_L7_3YX",variant:"indeterminate",color:"primary"}),(0,x.jsx)("div",{className:"results-grid__Y5aXC",children:m?.results.map((e,s)=>(0,x.jsx)(g,{result:e},s))}),f&&(0,x.jsxs)("p",{className:"no-hits_nVjUuJ",children:[o.noHits," ",(0,x.jsxs)("span",{children:['"',m?.request.query,'"']})]}),m&&!f&&(0,x.jsx)(h.A,{variant:"contained",className:"load-more_bSnwTF",href:`${u}?q=${m.request.query}`,onClick:a,children:o.showAllResults})]})}function g(e){let{result:s}=e;const n=(0,t.useId)(),r=s.result.items,l=(0,t.useCallback)(()=>{document.getElementById("content")?.focus()},[]),a=(0,t.useRef)(null),c=r.length>0;return(0,t.useEffect)(()=>{a.current?.style.setProperty("--columns",s.columns.toString())},[c,s.columns]),c?(0,x.jsxs)("div",{ref:a,className:(0,m.u)("section_HWQiM6",(0,f.ti)(s.type)),children:[(0,x.jsx)("p",{id:n,children:s.name}),(0,x.jsx)("ul",{className:"grid_kfQ7y9","aria-describedby":n,children:r.map((e,s)=>(0,x.jsx)("li",{onClick:l,children:(0,x.jsx)(v.t,{item:e})},s))})]}):null}var p=n(174),_=n(7917);const N=p.cA.debugMode;function k(e){let{headerRef:s}=e;const n=(0,t.useRef)(null),{searchPage:l}=(0,r.mH)(),a=(0,o.rd)(),{hasQuery:c,waiting:i,delay:d,request:h,onChange:m}=(0,_.R)(),f=(0,t.useCallback)(e=>{d.clear(),a.navigate(l,{query:{q:e}}),document.getElementById("content")?.focus()},[l,a,d]),v=(0,t.useCallback)(()=>{d.clear(),document.getElementById("content")?.focus()},[d]),[g,p]=(0,t.useState)(!1),k=(0,t.useCallback)(e=>{e.currentTarget.contains(e.relatedTarget)||p(!1)},[]),C=(0,t.useCallback)(()=>{p(!0)},[]),b=(g||N)&&c;return(0,t.useEffect)(()=>(s.current?.classList?.toggle("searching",b),()=>s.current?.classList?.remove("searching")),[b]),(0,x.jsxs)("div",{ref:n,className:"wrapper_rEF_3E",onBlur:k,onFocus:C,children:[(0,x.jsx)(u.q,{onChange:m,onSubmit:f}),b&&(0,x.jsx)(j,{waiting:i,loading:h.loading,result:h.result,onLoadMore:v})]})}var C=n(617),b=n(1456),A=n(9799),L=n(5282),w=n(4963);function y(e){let{headerRef:s,enableMenu:n}=e;const{links:l,elevateCartButton:o,elevateProfileButton:u}=(0,r.zN)().header,[d,h]=(0,t.useState)(!1);return(0,x.jsxs)("div",{className:"wrapper_phhJMN",children:[(0,x.jsxs)("div",{className:"row_fRNObm",children:[(0,x.jsxs)("div",{className:"left_CYATv4",children:[n&&(0,x.jsx)(a.A,{onClick:()=>h(!0),children:(0,x.jsx)(b.default,{size:"m",color:"primary"})}),(0,x.jsx)(i.A,{href:"/",children:(0,x.jsx)(C.A,{})})]}),(0,x.jsx)(k,{headerRef:s}),(0,x.jsxs)("div",{className:"links_AYo6zc",children:[l.map((e,s)=>(0,x.jsx)(c.A,{...e,underline:"hover",children:e.text},s)),(u||n)&&(0,x.jsx)(L.A,{compact:n}),(o||n)&&(0,x.jsx)(w.A,{})]})]}),(0,x.jsx)(A.A,{show:d,onClose:()=>h(!1)})]})}const E=(0,n(5003).A)((0,x.jsx)("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"NavigateNext");function R(e){let{section:s,open:n,onToggle:r,onClose:l}=e;const a=!s.hideMenuDesktop&&s.subLinks.length>0,i=(0,t.useCallback)(e=>{a?(e.preventDefault(),r()):l()},[a,r,l]),o=s.link??{href:"#"};return(0,x.jsxs)("li",{children:[(0,x.jsx)(c.A,{className:"section-link_eBO3DD",underline:"hover",...o,onClick:i,children:s.name}),a&&n&&(0,x.jsx)("div",{className:"link-modal_C02ppX",children:(0,x.jsxs)("div",{className:"link-wrapper__YT0ja",children:[(0,x.jsxs)("div",{className:"head_ZkS2DU",children:[(0,x.jsx)("p",{children:s.heading}),s.showAllLink&&(0,x.jsxs)(c.A,{...s.showAllLink,underline:"hover",onClick:l,children:[s.showAllLink.text,(0,x.jsx)(E,{})]})]}),(0,x.jsx)("ul",{children:s.subLinks.map((e,s)=>{let{text:n,...t}=e;return(0,x.jsx)("li",{children:(0,x.jsx)(c.A,{...t,underline:"hover",onClick:l,children:n})},s)})})]})})]})}var M=n(3162),B=n(5309);function D(e){let{headerRef:s,setHasOverflow:n,hide:l}=e;const{sections:a,elevateProfileButton:c,elevateCartButton:i}=(0,r.zN)().header,[o,u]=(0,t.useState)(void 0),[d,h]=(0,t.useState)(!1);(0,t.useEffect)(()=>(s.current?.classList?.toggle("menu-open",void 0!==o),()=>s.current?.classList?.remove("menu-open")),[o]);const f=(0,t.useCallback)(e=>{if(void 0!==e)u(o===e?void 0:e);else{if(void 0===o)return;u(void 0)}},[o]),v=(0,t.useCallback)(()=>f(void 0),[f]);((e,s)=>{const n=(0,t.useCallback)(n=>{e.current&&!e.current.contains(n.target)&&s()},[s]);(0,t.useEffect)(()=>(document.addEventListener("mousedown",n),document.addEventListener("touchstart",n),()=>{document.removeEventListener("mousedown",n),document.removeEventListener("touchstart",n)}),[n])})(s,v);const j=(0,t.useRef)(null),g=(0,t.useCallback)(()=>{const e=j.current;if(!e)return;const s=e.scrollWidth>e.offsetWidth;n(s)},[n]),[p]=(0,B.Y)(g,200,[g]);return(0,M.MN)("resize",p,{passive:!0}),(0,t.useEffect)(()=>{g(),h(!0)},[]),(0,x.jsx)("div",{className:(0,m.u)("wrapper_MRLKZK",(l||!d)&&"hidden_oBrb98"),children:(0,x.jsxs)("nav",{className:"row_uCQcUY",children:[(0,x.jsx)("ul",{className:"sections_syca2Q",ref:j,children:a.map((e,s)=>(0,x.jsx)(R,{section:e,open:o===s,onToggle:()=>f(s),onClose:v},s))}),(0,x.jsxs)("div",{className:"actions_pRmFKC",children:[!c&&(0,x.jsx)(L.A,{}),!i&&(0,x.jsx)(w.A,{})]})]})})}const S=function(){const{sellingPoints:e}=(0,r.zN)().header,s=(0,t.useRef)(null),[n,a]=(0,t.useState)(!1);return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsxs)("header",{className:"header_vFCgmu",id:"site-header",ref:s,children:[(0,x.jsx)(l.N,{sellingPoints:e}),(0,x.jsx)(y,{headerRef:s,enableMenu:n}),(0,x.jsx)(D,{headerRef:s,setHasOverflow:a,hide:n})]}),(0,x.jsx)("div",{className:"background_i3otlj"})]})}}}]);