1"use strict";(self.webpackChunkcox_cms_react=self.webpackChunkcox_cms_react||[]).push([[617,2998],{42998:function(e,t,s){s.r(t),s.d(t,{default:function(){return g}});var a=s(19296),r=s(83297),i=s(21239),n=s(70692),l=s(67973),d=s(2642),o=s(2479),c=e=>{const{contentFragments:t,tokenProperties:s}=e,[a,r]=(0,i.useState)({});(0,i.useEffect)(()=>{r({opacity:1,transform:"translateY(0px)",transition:"opacity 0.5s, transform 0.5s"})},[]);const c=(e,r)=>{const{icon:i,iconAtltxt:c,description:v,title:p}=e;return(0,o.jsx)("div",{className:"card-container "+((null===t||void 0===t?void 0:t.length)%3===0||5===(null===t||void 0===t?void 0:t.length)?"col-lg-4":"col-lg-3"),"data-testid":r,children:(0,o.jsxs)("div",{className:"reveal__card",style:a,tabIndex:0,children:[(0,o.jsxs)("div",{className:"reveal__card-content",children:[i&&(0,o.jsx)("img",{src:(0,n.A)((0,l.aX)(null===i||void 0===i?void 0:i.value,s)||""),alt:(0,l.aX)(null===c||void 0===c?void 0:c.value,s)||"",className:"reveal__card-icon"}),p&&(0,o.jsx)(d.default,{text:null===p||void 0===p?void 0:p.value,className:"reveal__card-title",tokenProperties:s})]}),(0,o.jsx)("div",{className:"reveal__card-description",children:v&&(0,o.jsx)(d.default,{text:null===v||void 0===v?void 0:v.value,className:"description",tokenProperties:s})})]})})};return(0,o.jsx)("div",{className:"reveal__cards-grid-large row justify-content-center","data-testid":"reveal__cards-grid-large",children:null===t||void 0===t?void 0:t.map(e=>{const t=(null===e||void 0===e?void 0:e.elements)||{},s=null===e||void 0===e?void 0:e.id;return(0,o.jsx)(i.Fragment,{children:c(t,s)},s)})})},v=e=>{const{contentFragments:t,tokenProperties:s}=e,[a,r]=(0,i.useState)(null),n=(e,t,i)=>{const{icon:n,iconAtltxt:c,description:v,title:p}=e;return(0,o.jsx)("div",{className:"card-container col-md-12","data-testid":t,children:(0,o.jsxs)("div",{className:"reveal__card "+(a===i?"card-opened":"card-closed"),"data-active-card":`active-card-${i}`,onClick:()=>(e=>{r(e===a?null:e)})(i),children:[(0,o.jsxs)("div",{className:"reveal__card-content text-md-center",children:[n&&(0,o.jsx)("img",{src:(0,l.aX)(null===n||void 0===n?void 0:n.value,s)||"",alt:(0,l.aX)(null===c||void 0===c?void 0:c.value,s)||"",className:"reveal__card-icon"}),p&&(0,o.jsx)(d.default,{text:null===p||void 0===p?void 0:p.value,className:"reveal__card-title",tokenProperties:s})]}),(0,o.jsx)("div",{className:"reveal__card-description",children:v&&(0,o.jsx)(d.default,{text:null===v||void 0===v?void 0:v.value,className:"description",tokenProperties:s})}),(0,o.jsx)("span",{className:"reveal__card-toggle-sign"})]})})};return(0,o.jsx)("div",{className:"reveal__cards-grid-small row","data-testid":"reveal__cards-grid-small",children:null===t||void 0===t?void 0:t.map((e,t)=>{const s=(null===e||void 0===e?void 0:e.elements)||{},a=null===e||void 0===e?void 0:e.id;return(0,o.jsx)(i.Fragment,{children:n(s,a,t)},a)})})},p=s(37557),m=s(81483),u=e=>{const{eyebrow:t,title:s,description:a,contentFragments:r,tokenProperties:n}=e,[l,d]=(0,i.useState)(!1);(0,i.useEffect)(()=>(u(),window.addEventListener("resize",u),()=>{window.removeEventListener("resize",u)}),[]);const u=()=>{window.innerWidth<p.NU.LG?d(!0):d(!1)};return(0,o.jsxs)("div",{className:"reveal__cards-container","data-testid":"reveal__cards-container",children:[(0,o.jsx)(m.default,{eyebrow:{value:t,isRTE:!0},title:{value:s,isRTE:!0},description:{value:a,isRTE:!0,className:"main-description"},tokenProperties:n}),(0,o.jsx)("div",{className:"reveal__cards-wrapper","data-testid":"reveal__cards-wrapper",children:l?(0,o.jsx)(v,{contentFragments:r,tokenProperties:n}):(0,o.jsx)(c,{contentFragments:r,tokenProperties:n})})]})},h=s(12134),_=s(44408);class x extends r.Container{constructor(e){super(e),this.interval=0,this.state={activeIndex:0,previousIndex:0,componentMapping:this.props.componentMapping||r.ComponentMapping}}componentDidUpdate(e){void 0!==this.props.activeIndexFromAuthorPanel&&e.activeIndexFromAuthorPanel!=this.props.activeIndexFromAuthorPanel&&this.setState({activeIndex:this.props.activeIndexFromAuthorPanel})}displayItem(e,t){const s=t===this.state.activeIndex,a=!(!s&&!this.props.isInEditor),r=s?`${this.props.baseCssClass}__item ${this.props.baseCssClass}__item--active`:`${this.props.baseCssClass}__item`;return(0,o.jsx)("div",{className:r,role:"tabpanel","data-cmp-hook-teaser":"item",children:a&&e},"item-"+t)}renderRevealCards(){const{cqItems:e={},cqItemsOrder:t=[],isInEditor:s=!1}=this.props,a=(t.length>0?t:this.props[r.Constants.ITEMS_ORDER_PROP])||[],i=(Object.keys(e).length>0?e:this.props[r.Constants.ITEMS_PROP])||{},n=(0,l.dn)(a.map(e=>i[e]));return(0,o.jsxs)(o.Fragment,{children:[(0,_.A)(s,"React Reveal Cards"),this.childComponents.map((e,t)=>this.displayItem(e,t)),(0,o.jsx)(u,{contentFragments:n,...this.props})]})}render(){const{top:e=!1,right:t=!1,bottom:s=!1,left:a=!1,lob:r="",baseCssClass:i}=this.props;return(0,o.jsxs)("div",{"data-testid":"react-reveal-cards-container",className:`react-reveal-cards-container ${(0,h.G)(e,t,s,a)} ${(0,h.h)(r)}`,id:this.props.id,children:[(0,o.jsx)("div",{className:i,role:"group","data-
1panelcontainer":"reveal-cards","aria-roledescription":"reveal-cards"}),this.renderRevealCards()]})}}var g=(0,a.withStandardBaseCssClass)((0,a.withAuthorPanelSwitch)(x),"cmp-teaser")}}]);
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.