PageSourceSearch

https://www.maskinklippet.se/static/js/Newsletter.da6de723.chunk.js

js maskinklippet.se collected 2026-10-04 07:37:14 UTC 13,962 bytes, 153 lines download raw bytes

1"use strict";(globalThis.__LOADABLE_LOADED_CHUNKS__=globalThis.__LOADABLE_LOADED_CHUNKS__||[]).push([[1054],{57054(e,r,t){t.d(r,{Q:()=>c});t(72176);var i=t(15360),n=t.n(i);var o=t(74551);const a=(e,r)=>{var t;return`\n        // Map values and add a mediaquery for each value that exists\n        ${(void 0!==(t=e)&&null!==t?Array.isArray(t)?t:[t]:[]).map((e,t)=>e?`\n            // Add the correct breakpoint depending of the index of the value\n            @media (min-width: ${t?o.breakpoints[t]:"0em"}) {\n                // Take the vaiable style and replace {value} with the correct value from the values array\n                ${r.replace(/{value}/g,e)}\n            }\n        `:"").join("")}\n    `};var s=t(50970),l=t(80812);const d=(0,s.T)("div",{shouldForwardProp:e=>-1===["ratios"].indexOf(e)})`
2    // Style for flexible AspectWrapper
3    // This style will allow the component to have a fixed ratio, but if the content dosen't fit that ratio it will allow the element to grow
4
5    display: flex;
6    align-items: stretch;
7
8    // ::before and ::after will make the wrapper have a ratio, but if the content need more space the height is flexible
9    &::before {
10        content: '';
11        float: left;
12        ${e=>{let{ratios:r}=e;return a(r,"padding-bottom: calc(100% / {value});")}}
13    }
14    &::after {
15        display: table;
16        content: '';
17        clear: both;
18    }
19
20    // This will make sure that the content is positioned properly
21    > div {
22        width: 100%;
23        height: auto;
24    }
25`;d.propTypes={ratio:n().oneOfType([n().array,n().number,n().string])};const h=(0,s.T)("div",{shouldForwardProp:e=>-1===["ratio"].indexOf(e)})`
26    // Style for fixed AspectWrapper
27    // This style will set the element to a fixed ratio that can't be changed by its content
28
29    // ::before the wrapper have a ratio
30    &::before {
31        display: block;
32        content: '';
33        width: 100%;
34        ${e=>{let{ratios:r}=e;return a(r,"padding-bottom: calc(100% / {value});")}}
35    }
36
37    // This will make sure that the content is positioned properly
38    & > * {
39        position: absolute;
40        top: 0;
41        bottom: 0;
42        left: 0;
43        right: 0;
44        overflow: hidden;
45        padding: inherit;
46        z-index: 0;
47    }
48`;h.propTypes={ratio:n().oneOfType([n().array,n().number,n().string])};const c=e=>{let{children:r,flexibleHeight:t,ratio:i,...n}=e;return t?(0,l.jsx)(d,{ratios:i,...n,children:(0,l.jsx)("div",{children:r})}):(0,l.jsx)(h,{ratios:i,...n,children:r})};c.defaultProps={children:null,flexibleHeight:!1,ratio:1,width:"100%",maxHeight:"none",position:"relative"}},74295(e,r,t){t.d(r,{o:()=>x});var i=t(72176);class n extends i.Component{constructor(){super(...arguments),this.observer=null,this.element=null,this.isIntersected=!1,this.handleIntersectionCallback=e=>{if(0===e.length)return;const{onEnter:r,onLeave:t,onChange:i,disconnectOnEnter:n,disconnectOnLeave:o}=this.props,a=e[0],s=a.intersectionRatio>0;r&&!this.isIntersected&&s&&(r(this.element),n&&this.removeObserver()),i&&i(a),t&&this.isIntersected&&!s&&(t(),o&&this.removeObserver()),this.isIntersected=s},this.setElement=e=>{this.element=e}}componentDidMount(){const{root:e,rootMargin:r,threshold:t}=this.props;this.observer=new IntersectionObserver(this.handleIntersectionCallback,{root:e,rootMargin:r,threshold:t}),this.element&&this.observer&&this.observer.observe&&this.observer.observe(this.element)}componentWillUnmount(){this.removeObserver()}removeObserver(){this.observer&&(this.observer.unobserve(this.element),this.observer.disconnect(),this.observer=null)}render(){const{tagName:e="div",onEnter:r,onChange:t,onLeave:n,root:o,rootMargin:a,threshold:s,disconnectOnEnter:l,disconnectOnLeave:d,children:h,...c}=this.props,p="string"===typeof e?"ref":"innerRef";return(0,i.createElement)(e,{...c,[p]:this.setElement},h)}}var o=t(74551),a=t(50970),s=t(80812);const{isArray:l}=Array,d={bg:"transparent",w:null,auto:"format",fit:"clip",format:"jpg",q:80},h=e=>l(e)?e:[e],c=(e,r,t,i,n,o,a)=>{let s=`q=${o}&fit=${i}`;return t?s+=`&auto=${t}`:n&&(s+=`&format=${n}`),r&&(s+=`&w=${r}`),a&&(s+=`&bg=${a}`),`${e}?${s}`},p=e=>({srcArray:h(e.src),widthArray:h(e.w),autoArray:h(e.auto),fitArray:h(e.fit),formatArray:h(e.format),qArray:h(e.q),bgArray:h(e.bg)}),g=e=>{let{srcArray:r,widthArray:t,autoArray:i,fitArray:n,formatArray:o,qArray:a,bgArray:s}=e;return Math.max(r.length,t.length,i.length,n.length,o.length,a.length,s.length)},u=(e,r)=>{let{srcArray:t,widthArray:i,autoArray:n,fitArray:o,formatArray:a,qArray:s,bgArray:l}=e;return t[r]||i[r]||n[r]||o[r]||a[r]||s[r]||l[r]},f=(0,a.T)("div",{shouldForwardProp:e=>-1===["images","ratios"].indexOf(e)})`
49    ${e=>{let{images:r}=e;return r}};
50    ${e=>{let{ratios:r}=e;return r}};
51`,m={position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",zIndex:0},x=e=>{let{loading:r,isPriority:t,placeHolder:a,alt:h,src:x,ratio:y,query:b,children:v,...w}=e;const A={...d,...b},j=y&&(e=>{const r=o.breakpoints.slice(1),t=l(e)?e:[e],i=e=>
51({"&:after":{content:'""',display:"block",paddingBottom:Number.isNaN(e)?e:`calc(100% / ${e})`}}),n=i(t[0]);for(let o=1;o<t.length;o++){const e=`@media screen and (min-width: ${r[o-1]})`;null!==t[o]&&(n[e]=i(t[o]))}return n})(y),k=(0,i.useRef)(null);if(t&&x){const{sources:e,fallbackUrl:r}=((e,r)=>{const t=p({...r,src:e}),{srcArray:i,widthArray:n,autoArray:a,fitArray:s,formatArray:l,qArray:d,bgArray:h}=t;let f=i[0],m=n[0],x=a[0],y=s[0],b=l[0],v=d[0],w=h[0];const A=c(f,m,x,y,b,v,w),j=[],k=g(t);for(let p=1;p<k;p++)u(t,p)&&(f=i[p]||f,m=n[p]||m,x=a[p]||x,y=s[p]||y,b=l[p]||b,v=d[p]||v,w=h[p]||w,j.push({media:`(min-width: ${o.breakpoints[p]})`,url:c(f,m,x,y,b,v,w)}));return j.reverse(),{sources:j,fallbackUrl:A}})(x,A),t=l(w.backgroundSize)?w.backgroundSize[0]:w.backgroundSize||"cover",i=l(w.backgroundPosition)?w.backgroundPosition[0]:w.backgroundPosition||"50% 50%";return(0,s.jsxs)(f,{ratios:j,...w,position:"relative",children:[(0,s.jsxs)("picture",{style:m,children:[e.map(e=>{let{media:r,url:t}=e;return(0,s.jsx)("source",{media:r,srcSet:t},r)}),(0,s.jsx)("img",{src:r,alt:h||"",fetchpriority:"high",loading:"eager",style:{display:"block",width:"100%",height:"100%",objectFit:t,objectPosition:i}})]}),v]})}const T=x&&((e,r)=>{const t={},i=p({...r,src:e}),{srcArray:n,widthArray:a,autoArray:s,fitArray:l,formatArray:d,qArray:h,bgArray:f}=i;let m=n[0],x=a[0],y=s[0],b=l[0],v=d[0],w=h[0],A=f[0];t.backgroundImage=`url(${c(m,x,y,b,v,w,A)})`;const j=g(i);for(let p=1;p<j;p++)if(u(i,p)){const e=`@media screen and (min-width: ${o.breakpoints[p]})`;t[e]=t[e]||{},m=n[p]||m,x=a[p]||x,y=s[p]||y,b=l[p]||b,v=d[p]||v,w=h[p]||w,A=f[p]||A,t[e].backgroundImage=`url(${c(m,x,y,b,v,w,A)})`}return t})(x,A);return"lazy"===r?(0,s.jsx)(n,{disconnectOnEnter:!0,style:{height:w.height,width:w.width},rootMargin:"30%",onEnter:()=>{k.current&&k.current.style.removeProperty("background-image")},children:(0,s.jsx)(f,{images:T,ratios:j,ref:k,style:{backgroundImage:"none"},...w,children:v})}):(0,s.jsx)(f,{images:T,ratios:j,...w,children:v})};x.defaultProps={backgroundColor:"transparent",backgroundPosition:"50% 50%",backgroundRepeat:"no-repeat",backgroundSize:"cover",children:null,height:"100%",isPriority:!1,loading:"lazy",maxHeight:null,maxWidth:null,query:null,ratio:null,width:"100%"}},351(e,r,t){t.d(r,{y:()=>l});var i=t(79709),n=(t(72176),t(96571)),o=t(42074),a=t(79714),s=t(80812);const l=e=>{let{breakpoint:r,render:t,children:l}=e;if(l)throw new Error("Using children in Above is deprecated. Use render prop instead.");return(0,s.jsx)(i.EA.Consumer,{children:e=>{let{breakpointIndex:i}=e;return(0,s.jsx)(n.A,{query:{minWidth:(0,a.db)(r)},defaultMatches:i>=o.W.indexOf(r),render:t})}})}},57383(e,r,t){t.d(r,{u:()=>l});var i=t(79709),n=(t(72176),t(96571)),o=t(42074),a=t(79714),s=t(80812);const l=e=>{let{breakpoint:r,render:t,children:l}=e;if(l)throw new Error("Using children in Below is deprecated. Use render prop instead.");return(0,s.jsx)(i.EA.Consumer,{children:e=>{let{breakpointIndex:i}=e;return(0,s.jsx)(n.A,{query:{maxWidth:(0,a.$J)(r)},defaultMatches:i<o.W.indexOf(r),render:t})}})}},79714(e,r,t){t.d(r,{$J:()=>o,db:()=>n});var i=t(42074);const n=e=>{if(!e)return!1;const r=i.W.indexOf(e);return r>-1&&r<i.f.length?i.f[r]:(console.error(`The breakpoint label ${e} does not exist`),!1)},o=e=>{if(!e)return!1;const r=i.W.indexOf(e);if(r>-1&&r<i.f.length){const e=i.f[r].match(/[a-zA-Z]+/)||"";return`${parseInt(i.f[r],10)-("em"===e?.01:1)}${e}`}return console.error(`The breakpoint label ${e} does not exist`),!1}},94141(e,r,t){t.d(r,{L:()=>x});t(72176);var i=t(50970),n=t(351),o=t(57383),a=t(58329),s=t(69605),l=t(95204),d=t(79709),h=t(96798),c=t(2751),p=t(80812);const g=(0,i.T)("div")`
52    ${d.G1.md} {
53        width: 100%;
54        height: 8px;
55    }
56
57    ${d.G1.lg} {
58        height: 16px;
59    }
60`,u=(0,i.T)("div")`
61    display: flex;
62    align-items: center;
63`,f=(0,i.T)("div")`
64    width: 100%;
65    display: flex;
66    justify-content: space-between;
67    padding: 24px 8px;
68
69    ${d.G1.md} {
70        padding: 32px 0;
71        height: 86px;
72
73        & > svg {
74            margin-right: 8px;
75        }
76    }
77`,m=(0,i.T)("div")`
78    position: absolute;
79    left: 0;
80    top: 50%;
81    width: 100%;
82    transform: translateY(-50%);
83    height: fit-content;
84    display: flex;
85    align-items: center;
86    justify-content: space-between;
87    & > div svg {
88        transition: transform 0.25s ease;
89    }
90    ${d.G1.lg} {
91        &:hover > div svg {
92            transform: translate(4px);
93        }
94    }
95`,x=e=>{let{data:r}=e;const{text:t,link:i,is_active:d}=r,{text:x,url:y}=i||{};return void 0===d||d?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(o.u,{breakpoint:"lg",render:()=>(0,p.jsx)(a.N,{to:y,children:(0,p.jsxs)(f,{children:[t&&(0,p.jsx)(h.H3,{lineHeight:"1.2em",fontSize:"22px",children:t}),y&&(0,p.jsx)(l.r,{width:"31px",height:"24px",color:s.T.darkGrey,direction:"right"})]})})}),(0,p.jsx)(n.y,{breakpoint:"lg",render:()=>(0,p.jsx)(f,{height:"auto",position:"relative",children:(0,p.jsx)("div",{children:(0,p.jsxs)(m,{as:y?a.N:"div",...y?{to:y}:{},children:[t&&(0,p.jsx)(h.H3,{fontSize:"22px",children:t}),x&&(0,p.jsx)("div",{children:(0,p.jsxs)(u,{mr:"12px",children:[(0,p.jsx)(c.H4,{mr:"16px",lineHeight:"23px",children:x}),(0,p.jsx)(l.r,{width:"31px",height:"24px",color:s.T.darkGrey,direction:"right"})]})})]})})})})]}):(0,p.jsx)(g,{})};x.defaultProps={data:{}}},96798(e,r,t){t.d(r,{H3:()=>s});var i=t(50970),n=t(15360),o=t.n(n),a=t(69605);const s=(0,i.T)("h3")();s.propTypes={color:o().oneOfType([o().array,o().string]),fontFamily:o().string,fontSize:o().oneOfType([o().array,o().string]),lineHeight:o().oneOfType([o().array,o().string]),textTransform:o().oneOfType([o().array,o().string])}
95,s.defaultProps={color:a.T.darkGrey,fontFamily:"Inter",fontSize:"24px",lineHeight:"1em"}},2751(e,r,t){t.d(r,{H4:()=>s});var i=t(50970),n=t(15360),o=t.n(n),a=t(69605);const s=(0,i.T)("h4")();s.propTypes={color:o().oneOfType([o().array,o().string]),fontFamily:o().string,fontSize:o().oneOfType([o().array,o().string]),lineHeight:o().oneOfType([o().array,o().string]),textTransform:o().oneOfType([o().array,o().string])},s.defaultProps={color:a.T.darkGrey,fontFamily:"Inter",fontSize:"16px",lineHeight:"1em"}},95204(e,r,t){t.d(r,{r:()=>o});t(72176);var i=t(66170),n=t(80812);const o=e=>{let{color:r,direction:t,...o}=e;return(0,n.jsxs)(i.t,{fill:"none",viewBox:"0 0 35 27",...o,children:["left"===t&&(0,n.jsx)("path",{fill:r,d:"M0 13.3L13.3 0l1.6 1.7L4.5 12H35v2.3H4.3L14.9 25l-1.6 1.7L0 13.3z"}),"right"===t&&(0,n.jsx)("path",{fill:r,d:"M35 13.3L21.7 26.7 20.1 25l10.4-10.4H0v-2.3h30.7L20.1 1.7 21.7 0 35 13.3z"}),"up"===t&&(0,n.jsx)("path",{fill:r,d:"M13.5.847L26.848 14.14l-1.663 1.596L14.768 5.38v30.468h-2.32V5.12L1.817 15.736.153 14.14 13.5.847z"})]})};o.defaultProps={color:"currentColor",height:"27px",width:"35px"}},66284(e,r,t){t.r(r),t.d(r,{Newsletter:()=>x});t(72176);var i=t(94141),n=t(57054),o=t(74295),a=t(79709),s=t(69605),l=t(3860),d=t(50970),h=t(43122),c=t(80812);const p=(0,d.T)("div")`
96    display: flex;
97    flex-direction: column;
98    width: 100%;
99    height: 100%;
100
101    ${a.G1.md} {
102        flex-direction: row;
103    }
104`,g=(0,d.T)("div")`
105    height: auto;
106    display: flex;
107    flex-direction: column;
108    justify-content: center;
109    align-items: center;
110    background-color: ${s.T.white};
111    height: 50%;
112    width: 100%;
113
114    &.first {
115        order: 1;
116        margin-bottom: 2px;
117    }
118
119    &.last {
120        order: 2;
121        margin-top: 2px;
122    }
123
124    ${a.G1.md} {
125        height: 100%;
126        width: 50%;
127
128        &.no-image {
129            width: 100%;
130        }
131
132        &.first {
133            margin-bottom: 0;
134            margin-right: 8px;
135        }
136
137        &.last {
138            margin-top: 0;
139            margin-left: 8px;
140        }
141    }
142`,u=(0,d.T)("div")`
143    max-width: 480px;
144`,f=(0,d.T)("div")`
145    font: 700 24px/1em 'Inter';
146    text-align: center;
147    margin-bottom: 40px;
148
149    ${a.G1.lg} {
150        font-size: 28px;
151    }
152`,m=e=>{let{image:r,swapLayout:t,newsletter:i}=e;const{desktop_image:a,image_size:d,mobile_image:m,image_position:x}=r,y=(null===a||void 0===a?void 0:a.url)||(null===m||void 0===m?void 0:m.url),b=(null===m||void 0===m?void 0:m.url)||y,v=!(!b&&!y);let w="first";return v?t&&(w="last"):w="no-image",(0,c.jsx)(n.Q,{ratio:[414/724,1408/460],children:(0,c.jsxs)(p,{children:[(0,c.jsx)(g,{className:w,p:"16px",children:(0,c.jsxs)(u,{children:[(0,c.jsx)(f,{children:i.header}),(0,c.jsx)(h.q,{content:i,signupSource:l.NEWSLETTER_SIGNUP_SITEFORM})]})}),v&&(0,c.jsx)(g,{className:t?"first":"last",children:(0,c.jsx)(o.o,{src:[b,y],query:{w:[767]},backgroundColor:s.T.bgGrey,backgroundPosition:x,backgroundSize:d})})]})})},x=e=>{let{content:r}=e;const{header_data:t,image:n,swap_layout:o,newsletter:a}=r;return(0,c.jsxs)(c.Fragment,{children:[t&&(0,c.jsx)(i.L,{data:t}),(0,c.jsx)(m,{image:n,swapLayout:o,newsletter:a})]})}}}]);
153//# sourceMappingURL=Newsletter.da6de723.chunk.js.map

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.