https://www.lundsandbyerlys.com/static/js/ImageTextButton.20da557b.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[6536,9109],{3986:(e,t,n)=>{n.d(t,{Z:()=>W});var a=n(85893),i=n(67294),o=n(29163),r=n(55977),d=n(67979),l=n(51667);let s=o.ZP.div.withConfig({displayName:"ReadMoreContent",componentId:"-__sc-4102d4e3-0"})(({showReadMoreButton:e,readMoreButtonToggled:t,visibleHeight:n})=>`
2    margin: 0 0 ${r.W0.sm} 0;
3    ${e&&`
4      height: ${t?`${n}px`:"fit-content;"};
5      overflow: hidden;
6    `};
7`),c=(0,o.ZP)(l.zx).withConfig({displayName:"ReadMoreBtn",componentId:"-__sc-4102d4e3-1"})(({theme:e,readMoreButtonToggled:t,textAlignment:n})=>`
8  display: block;
9  padding: 0;
10  font-size: ${e.typography.text.fontSM.fontSize};
11  margin: -${t?r.W0.xs:r.W0.sm} auto ${r.W0.sm} auto;
12  
13  ${(0,d.Z)("md")} {
14    margin: -${t?r.W0.xs:r.W0.sm} auto ${r.W0.sm} 0;
15    ${"center"===n?`margin: -${t?r.W0.xs:r.W0.sm} auto ${r.W0.sm} auto;`:""}
16    ${"right"===n?`margin: -${t?r.W0.xs:r.W0.sm} 0 ${r.W0.sm} auto;`:""}
17  }
18  
19  ${(0,d.Z)("lg")} {
20    margin: -${t?r.W0.xs:r.W0.sm} auto ${r.W0.sm} 0;
21    ${"center"===n?`margin: -${t?r.W0.xs:r.W0.sm} auto ${r.W0.sm} auto;`:""}
22    ${"right"===n?`margin: -${t?r.W0.xs:r.W0.sm} 0 ${r.W0.sm} auto;`:""}
23  }
24  `),m=o.ZP.div.withConfig({displayName:"ReadMoreWrapper",componentId:"-__sc-4102d4e3-2"})([""]);var g=n(64015),u=n(73342);let h=o.ZP.div.withConfig({displayName:"FullContent",componentId:"-__sc-21896b6f-1"})(["outline:none;"]),p=(0,o.ZP)(l.zx).withConfig({displayName:"ReadMoreBtn",componentId:"-__sc-21896b6f-2"})(({theme:e,textAlignment:t,readMoreButtonToggled:n})=>{let a=n?"0":r.W0.xs,i=`${a} auto ${r.W0.sm} auto`,o=(e=>{switch(e){case"center":return`${a} auto ${r.W0.sm} auto`;case"right":return`${a} 0 ${r.W0.sm} auto`;default:return`${a} auto ${r.W0.sm} 0`}})(t||"left");return`
25      display: block;
26      padding: 0;
27      font-size: ${e.typography.text.fontSM.fontSize};
28      margin: ${i};
29
30      ${(0,d.Z)("md",{noUpper:!0})} {
31        margin: ${o};
32      }
33    `}),x=o.ZP.div.withConfig({displayName:"ReadMoreWrapper",componentId:"-__sc-21896b6f-3"})(["",""],({isCalculating:e})=>e&&`
34    overflow: hidden;
35    position: relative;
36  `),f=o.ZP.div.withConfig({displayName:"AccessibleReadMoreStencil",componentId:"-__sc-21896b6f-4"})(["position:absolute;top:0;left:0;width:100%;height:100%;"]),C=o.ZP.div.withConfig({displayName:"ReadMoreStencilContent",componentId:"-__sc-21896b6f-5"})(["visibility:hidden;"]);var T=n(24561);let y="accessibleReadMoreWrapper-dataTestId",b="accessibleReadMoreStencil-dataTestId",_=(0,o.Zz)(({theme:e})=>{let{tertiary1:t,primary4:n}=e.colors.brandColors;return(0,a.jsx)(f,{children:(0,a.jsxs)(T.ZP,{speed:1.3,width:"100%",height:"160",backgroundColor:t,foregroundColor:n,uniqueKey:b,"data-testid":b,children:[(0,a.jsx)("rect",{x:"0",y:"0",rx:"3",ry:"3",width:"100%",height:"10"}),(0,a.jsx)("rect",{x:"0",y:"20",rx:"3",ry:"3",width:"100%",height:"10"}),(0,a.jsx)("rect",{x:"0",y:"40",rx:"3",ry:"3",width:"100%",height:"10"}),(0,a.jsx)("rect",{x:"0",y:"60",rx:"3",ry:"3",width:"100%",height:"10"}),(0,a.jsx)("rect",{x:"0",y:"80",rx:"3",ry:"3",width:"100%",height:"10"}),(0,a.jsx)("rect",{x:"0",y:"100",rx:"3",ry:"3",width:"100%",height:"10"})]})})});var B=n(8618);function $(e){let t=document.createElement("div");return t.appendChild(e.cloneNode(!0)),t.innerHTML}let I=e=>{let t=i.useRef(null),n=i.useRef(null),{t:o}=i.useContext(u.q),[d,l]=i.useState(!0),s=i.cloneElement(e.children,{ref:t}),c=e.desktopVisibleLines??6,{showReadMoreButton:m,visibleContent:f,isCalculating:T}=(({measureRef:e,mobileLines:t,desktopLines:n})=>{let[a,o]=i.useState(!1),[d,l]=i.useState(null),[s,c]=i.useState(!0);return i.useEffect(()=>{if(!globalThis||!e.current||!e.current)return;c(!0);let a=globalThis.getComputedStyle(e.current),i=globalThis.innerWidth<=r.qv?t:n;if("auto"===i){o(!1),c(!1);return}let d=(0,g.Z)("readMoreWrapper-getHeight",a.height,!0),s=(0,g.Z)("readMoreWrapper-getLineHeight",a.lineHeight,!0),m=(0,g.Z)("readMoreWrapper-getTopPadding",a.paddingTop,!0),u=d>s*i+(m+(0,g.Z)("readMoreWrapper-getTopPadding",a.paddingBottom,!0));if(o(u),u){let{visibleFragment:t,hiddenFragment:n}=function(e,t){let n,a,i={visibleFragment:e.innerHTML,hiddenFragment:null};try{let o=function(e,t){let n=document.createRange();try{let a,i=e.getBoundingClientRect().top+t,o=document.createTreeWalker(e,NodeFilter.SHOW_TEXT,null);for(;a=o.nextNode();){let e=a.textContent||"";if(e.trim()){for(let t=0;t<e.length;t++)if(n.setStart(a,t),n.setEnd(a,t+1),n.getBoundingClientRect().top>=i)return{node:a,offset:t}}}}catch(e){B.logger.error("findFirstHiddenCharacter()",e)}finally{n.detach()}return null}(e,t);if(!o)return i;let{node:r,offset:d}=o;(n=document.createRange()).setStartBefore(e.firstChild),n.setEnd(r,d);let l=n.cloneContents();(a=document.createRange()).setStart(r,d),a.setEndAfter(e.lastChild);let s=a.cloneContents();return{visibleFragment:$(l),hiddenFragment:$(s)}}catch(e){return B.logger.error("splitContentAtHeight()",e),i}finally{n?.detach(),a?.detach()}}(e.current,s*i+m);if(!n){l(null),c(!1);return}l(t)}c(!1)},[n,t]),{showReadMoreButton:a,visibleContent:d,isCalculating:s}})({measureRef:t,mobileLines:e.mobileVisibleLines??4,desktopLines:c});return(i.useEffect(()=>{!d&&n.current&&n.current.focus()},[d]),T)?(0,a.jsxs)(x,{className:e.className,isCalculating:!0,"data-testid":y,children:[(0,a.jsx)(_,{}),(0,a.jsx)(C,{children:s})]}):(0,a.jsxs)(x,{className:e.className,"data-testid":y,children:[m&&d&&f?i.cloneElement(s,{...s.props,children:void 0,dangerouslySetInnerHTML:{__html:f},"data-testid":"accessibleReadMoreWrapperPartialContent-dataTestId"}):e.children&&(0,a.jsx)(h,{ref:n,tabIndex:-1,"data-testid":"accessibleReadMoreWrapperFullContent-dataTestId",children:s}),m&&(0,a.jsx)(p,{"data-testid":"accessibleReadMoreWrapperReadMoreButton-dataTestId",theme:e.theme,textAlignment:e.textAlignment??"left",className:e.className,buttonStyle:"buttonLink",ariaExpanded:!d,ariaLabel:o(d?"common.hiddenContent.readMore":"common.hiddenContent.readLess"),handleClick:()=>{l(!d)},readMoreButtonToggled:!d,children:o(d?"common.hiddenContent.readMore":"common.hiddenContent.readLess")})]})};var L=n(37593);let w=e=>{let t=i.useRef(null),{t:n}=i.useContext(u.q),o=i.cloneElement(e.children,{ref:t}),[d,l]=i.useState(!0),[h,p]=i.useState(!1),[x,f]=i.useState(0),C=e.desktopVisibleLines?e.desktopVisibleLines:6,T=e.mobileVisibleLines?e.mobileVisibleLines:4;return i.useEffect(()=>{if(window&&t.current){let e=window.getComputedStyle(t.current),n=window.innerWidth<=r.qv?T:C;if("auto"===n){f(0),p(!1);return}let a=(0,g.Z)("readMoreWrapper-getHeight",e.height,!0),i=(0,g.Z)("readMoreWrapper-getLineHeight",e.lineHeight,!0),o=(0,g.Z)("readMoreWrapper-getTopPadding",e.paddingTop,!0),d=(0,g.Z)("readMoreWrapper-getTopPadding",e.paddingBottom,!0);f(i*n+o),p(a>i*n+(o+d))}},[e]),(0,a.jsxs)(m,{className:e.className,children:[(0,a.jsx)(s,{showReadMoreButton:h&&0!==x,readMoreButtonToggled:d,visibleHeight:x,className:e.className,children:e.children&&o}),h&&(0,a.jsx)(c,{theme:e.theme,textAlignment:e.textAlignment?e.textAlignment:"left",className:e.className,buttonStyle:"buttonLink",ariaLabel:n(d?"common.hiddenContent.readMore":"common.hiddenContent.readLess"),handleClick:()=>{l(!d)},readMoreButtonToggled:d,children:n(d?"common.hiddenContent.readMore":"common.hiddenContent.readLess")})]})},W=e=>(0,L.c)("dev-accessible-read-more")?(0,a.jsx)(I,{...e}):(0,a.jsx)(w,{...e})},40446:(e,t,n)=>{n.r(t),n.d(t,{CtaButton:()=>x,default:()=>f});var a=n(85893),i=n(67294),o=n(29163),r=n(1849),d=n(51667),l=n(55977);let s=o.ZP.div.withConfig({displayName:"CtaButton",componentId:"-__sc-dc63f9a-0"})(({align:e,columnAlign:t,fullWidth:n=!0,theme:a})=>`
37    width: ${n?"100%":"auto"};
38    display: flex;
39    justify-content: ${e?(e=>{switch(e.toLowerCase()){case"left":default:return"flex-start";case"center":return"center";case"right":return"flex-end"}})(e):"flex-start"};
40    z-index: ${r.CJ};
41    ${"start"===t?"margin-bottom: auto":""}
42    ${"end"===t?"margin-top: auto":""}
43    &:focus-visible {
44      border-radius: ${a.buttons.globalThemeBorderRadius};
45      outline: ${l.W0.xxxs} solid ${a.buttons.primary.static.borderColor};
46      outline-offset: ${l.W0.xxs};
47    }
48  `),c=(0,o.ZP)(d.rU).withConfig({displayName:"CtaButtonLink",componentId:"-__sc-dc63f9a-1"})(["text-decoration:none;"]),m=(0,o.ZP)(d.zx).withConfig({displayName:"CtaButtonContents",componentId:"-__sc-dc63f9a-2"})([""]);var g=n(24512),u=n(86706),h=n(78004),p=n(15158);let x=e=>{let{AltStyle:t,ButtonText:n,Link:o,TextAlignment:r,columnAlignment:l,className:u,ctaButtonIconData:x,fullWidth:f,parentHeading:C,parentName:T,target:y,carouselSliderPosition:b}=e;return(0,p.Z)(()=>(0,a.jsx)(s,{align:r,className:u,"data-component":"CtaButton",columnAlign:l,fullWidth:f,children:o&&n&&(0,a.jsx)(c,{href:o,"data-testid":e["data-anchorTestId"],target:y,children:(0,a.jsx)(m,{forwardedAs:"div",anal

48yticsEvents:(()=>{if(e.analyticsEvents)return e.analyticsEvents;let{events:t,keys:a}=g.cmsCallToActionGTM;return(0,h.qU)(t.call_to_action,[{gtmKey:a.heading_text,gtmValue:C||""},{gtmKey:a.button_text,gtmValue:n},{gtmKey:a.page_url,gtmValue:o},{gtmKey:a.component_name,gtmValue:T||""},{gtmKey:a.carousel_slider_position,gtmValue:b}],"click")})(),buttonStyle:t||"primary",className:u,"data-testid":e["data-testid"],children:(0,p.Z)(()=>x&&"left"===x.iconAlignment?(0,a.jsxs)(i.Fragment,{children:[(0,a.jsx)(d.pA,{name:x.iconName,fillColor:"inherit",size:"16"}),(0,a.jsx)("span",{"data-testid":"CtaButton-left-testId",children:n})]}):x&&"right"===x.iconAlignment?(0,a.jsxs)(i.Fragment,{children:[(0,a.jsx)("span",{"data-testid":"CtaButton-right-testId",children:n}),(0,a.jsx)(d.pA,{name:x.iconName,fillColor:"inherit",size:"16"})]}):(0,a.jsx)("span",{"data-testid":"CtaButton-testId",children:n}),{componentName:"CtaButtonContents",fallBack:()=>n})})})}),{componentName:"cms/Cta Button"})},f=(0,u.$j)(e=>({ctaButtonIconData:e.ui.ctaButtons}))(x)},15199:(e,t,n)=>{n.r(t),n.d(t,{default:()=>Z});var a,i=n(85893),o=n(67294),r=n(29163),d=n(55977),l=n(51667),s=n(48633),c=n(40446);let m=r.ZP.div.withConfig({displayName:"ImageTextButton",componentId:"-__sc-5aefd9a-0"})(({theme:e,contentAlignment:t})=>`
49    background-color: ${e.colors.uiColors.greyscale1};
50    display: flex;
51    flex-direction: column;
52    width: 100%;
53    height: 100%;
54    position: relative;
55    align-items: ${t&&s.Z[t.toLowerCase()]?s.Z[t.toLowerCase()]:"initial"};
56    }
57	`),g=r.ZP.div.withConfig({displayName:"ImageTextButtonImageLinkWrapper",componentId:"-__sc-5aefd9a-1"})(["line-height:0;"]),u=(0,r.ZP)(l.rU).withConfig({displayName:"ImageTextButtonImageLink",componentId:"-__sc-5aefd9a-2"})(["width:100%;"]),h=r.ZP.div.withConfig({displayName:"ImageTextButtonContent",componentId:"-__sc-5aefd9a-3"})(({textAlignment:e,buttonAlignment:t,theme:n})=>`
58    align-items: ${e&&s.Z[e.toLowerCase()]?s.Z[e.toLowerCase()]:"initial"};
59    background-color: ${n.colors.uiColors.greyscale1};
60    display: flex;
61    flex-direction: column;
62    padding: 0 ${d.W0.sm} ${d.W0.sm};
63    text-align: ${e};
64    word-break: break-word;
65    margin-top: ${d.W0.sm};
66    height: 100%;
67
68    a {
69      align-self: ${s.Z[t.toLowerCase()]};
70    }
71  `),p=(0,r.ZP)(l.Ee).withConfig({displayName:"ImageTextButtonImage",componentId:"-__sc-5aefd9a-4"})([""]),x=r.ZP.h2.withConfig({displayName:"ImageTextButtonHeading",componentId:"-__sc-5aefd9a-5"})(({theme:e})=>`
72    color: ${e.cms.heading.color};
73    padding-bottom: ${d.W0.sm};
74    margin: 0;
75  `),f=r.ZP.h3.withConfig({displayName:"ImageTextButtonSubHeading",componentId:"-__sc-5aefd9a-6"})(({theme:e})=>`
76    color: ${e.cms.subheading.color};
77    padding-bottom: ${d.W0.sm};
78    margin: 0;
79    font-weight: ${e.typography.weights.normal};
80  `),C=r.ZP.div.withConfig({displayName:"ImageTextButtonBodyText",componentId:"-__sc-5aefd9a-7"})(({theme:e})=>`
81    color: ${e.cms.bodyText.color};
82    display: flex;
83    flex: 1;
84    justify-content: center;
85    padding-bottom: ${d.W0.sm};
86  `),T=(0,r.ZP)(c.default).withConfig({displayName:"ImageTextButtonCta",componentId:"-__sc-5aefd9a-8"})(()=>`
87    margin-top: auto;
88  `);var y=n(58480),b=n(77695),_=n(21783),B=n(15158),$=n(74054),I=n(3986),L=((a={}).Start="start",a.End="end",a);let w=e=>(0,B.Z)(()=>(0,i.jsxs)(h,{buttonAlignment:e.TextBoxAlignment,textAlignment:e.ContentAlignment,children:[(0,i.jsx)(x,{children:e.HeadingText}),e.SubHeadingText&&(0,i.jsx)(f,{children:e.SubHeadingText}),(0,i.jsx)(I.Z,{textAlignment:"center",children:(0,i.jsx)(C,{dangerouslySetInnerHTML:{__html:e.BodyText}})}),(0,i.jsx)(T,{AltStyle:"secondary",ButtonText:e.ButtonText,Link:e.Link,TextAlignment:e.ContentAlignment,parentHeading:e.HeadingText,parentName:e.parentName,target:e.LinkOpenMode,columnAlignment:L.End})]}),{componentName:"cms/Image Text Button Content"});var W=n(73342);let Z=e=>{let{t}=o.useContext(W.q),n=(0,$.Z)(e),a={ImagePropsSizes:(0,b.Z)(e.ImagePropsSizes),ImagePropsAltText:e.ImagePropsAltText||"",ContentAlignment:e.ContentAlignment||_.v2.Left,HeadingText:e.HeadingText||"",SubHeadingText:e.SubHeadingText||"",BodyText:e.BodyText||"",TextBoxAlignment:e.TextBoxAlignment||e.ContentAlignment||_.v2.Left,ButtonText:e.ButtonText||"",ButtonTitle:e.ButtonTitle||"",Link:e.Link||"",LinkUrl:e.LinkUrl||"",LinkTitle:e.LinkTitle||"",LinkOpenMode:e.LinkOpenMode||"",LinkUrlOpenMode:e.LinkUrlOpenMode||"",parentName:e.parentName||_.R6.ImageTextButton},r=()=>(0,i.jsx)(p,{src:a.ImagePropsSizes.large?a.ImagePropsSizes.large.url:"",alt:a.ImagePropsAltText,srcSet:(0,y.Z)(a.ImagePropsSizes),sourcesDifferBy:"appearance",width:"100%",objectFit:"contain"});return(0,B.Z)(()=>(0,i.jsxs)(m,{contentAlignment:a.ContentAlignment,"data-component":"ImageTextButton","data-testid":"ImageTextButtonTestId",role:"group","aria-label":t("common.itemText.item"),children:[(0,i.jsx)(g,{children:a.LinkUrl?(0,i.jsx)(u,{"data-testid":"ImageTextButtonLinkTestId",href:a.LinkUrl,target:a.LinkUrlOpenMode,title:a.LinkTitle,children:r()}):r()}),n&&(0,i.jsx)(w,{...a})]}),{componentName:"cms/Image Text Button"})}}

88,74054:(e,t,n)=>{n.d(t,{Z:()=>a});let a=e=>{let t={HeadingText:e.HeadingText||"",SubHeadingText:e.SubHeadingText||"",BodyText:e.BodyText||"",ButtonText:e.ButtonText||""};return!!t.HeadingText||!!t.SubHeadingText||!!t.BodyText||!!t.ButtonText}},48633:(e,t,n)=>{n.d(t,{Z:()=>a});let a={center:"center",left:"flex-start",right:"flex-end"}},58480:(e,t,n)=>{n.d(t,{Z:()=>a});let a=e=>{let t=[];return Object.keys(e).length&&Object.keys(e).forEach(n=>{let a={src:e[n].url,breakpoint:(e=>{switch(e.toLowerCase()){case"large":default:return"desktop";case"medium":return"tablet";case"small":return"mobile"}})(n)};t.push(a)}),t}},77695:(e,t,n)=>{n.d(t,{Z:()=>a});let a=e=>({...e,large:{...e?e.large:{},url:e&&e.large?e.large.url:""}})}}]);