1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[622],{9622:function(e,l,i){i.r(l),i.d(l,{default:function(){return Paragraphs_DrupalSolutionBanner}});var t=i(5893),a=i(5675),n=i.n(a),r=i(1664),s=i.n(r),o=i(7294),components_LearningAreas=e=>{let{areas:l}=e;return(0,t.jsx)("div",{className:"flex flex-wrap gap-2",children:l.map((e,l)=>(0,t.jsx)("div",{className:"px-3 py-1 rounded-24 border border-ironWhite bg-porcelain",children:(0,t.jsx)("p",{className:"font-lato text-xs leading-3.5 font-normal text-feldgrau",children:e})},l))})},d=i(5590);let c="/images/lc-logo.svg";var Paragraphs_DrupalSolutionBanner=e=>{let{solutionTitle:l,solutionDescription:i,solutionImage:a,solutionSubjects:r=[],solutionDate:m,solutionWebsite:u}=e,[x,g]=(0,o.useState)(!1),p=(0,o.useMemo)(()=>{var e,t,n,r,s,o,m;let u=(null==i?void 0:null===(e=i.value)||void 0===e?void 0:e.replace(/<[^>]*>/g,"").trim())||"",x=(0,d.f5)(null==a?void 0:null===(n=a.field_media_image)||void 0===n?void 0:null===(t=n.image_style_uri)||void 0===t?void 0:t.product_logo_large,null==a?void 0:null===(s=a.field_media_image)||void 0===s?void 0:null===(r=s.uri)||void 0===r?void 0:r.url),g=(null==a?void 0:null===(m=a.field_media_image)||void 0===m?void 0:null===(o=m.resourceIdObjMeta)||void 0===o?void 0:o.alt)||"".concat(l," logo");return{strippedDescription:u,imageUrl:x||c,imageAlt:g}},[null==i?void 0:i.value,a,l]);if(!l||!u)return console.warn("DrupalToolBanner: Missing required props (solutionTitle or solutionWebsite)"),null;let f=r.length>0,h=!!p.strippedDescription;return(0,t.jsxs)("section",{className:"max-w-1440 mx-auto container-padding py-6 flex flex-col lg:flex-row gap-4 lg:gap-8","aria-labelledby":"solution-title",children:[(0,t.jsxs)("div",{className:"flex items-center gap-4 flex-shrink-0",children:[(0,t.jsx)("div",{className:"w-[4.625rem] h-[4.625rem] lg:w-[8.75rem] lg:h-[8.75rem] flex justify-center items-center gap-4 flex-shrink-0 bg-white rounded-[16px] border border-ironWhite",children:(0,t.jsx)(n(),{src:x?c:p.imageUrl,alt:p.imageAlt,width:120,height:140,className:"object-contain aspect-square",loading:"eager",priority:!0,onError:()=>g(!0)})}),(0,t.jsx)("h1",{id:"solution-title",className:"lg:hidden font-lato text-[2rem] md:text-[2.5rem] font-semibold md:font-bold text-secondary leading-tight",children:l})]}),(0,t.jsxs)("div",{className:"text-left min-w-0 flex-1",children:[(0,t.jsxs)("div",{className:"flex flex-row items-center flex-wrap mb-4 gap-4",children:[(0,t.jsx)("h1",{id:"solution-title",className:"hidden lg:block font-lato text-4xl md:text-[40px] font-semibold md:font-bold text-secondary leading-tight",children:l}),f&&(0,t.jsx)("div",{className:"flex-shrink-0",children:(0,t.jsx)(components_LearningAreas,{areas:r})})]}),h&&(0,t.jsx)("div",{className:"font-lato text-base font-medium text-secondary line-clamp-5",children:p.strippedDescription}),(0,t.jsxs)("div",{className:"flex flex-row justify-start items-center gap-4 sm:gap-10 pt-4",children:[(0,t.jsxs)(s(),{href:u,target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-2 hover:opacity-80 transition-opacity focus:outline-none focus:ring-2 focus:ring-blue-500 rounded","aria-label":"Visit ".concat(l," website (opens in new tab)"),children:[(0,t.jsx)("span",{className:"font-lato text-sm font-bold text-secondary underline",children:"website"}),(0,t.jsx)(n(),{src:"/images/website-redirect.svg",alt:"",width:12,height:12,className:"w-3 h-3",loading:"lazy","aria-hidden":"true"})]}),m&&(0,t.jsxs)("p",{className:"font-lato text-sm font-normal text-lightGray",children:["Last updated: ",m]})]})]})]})}}}]);
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.