bb7c03235d
Restore point before Stufe 3 (central resolver-service refactoring). Includes this session's work: - Success Story (usecase) rebuild: new fields/tabs, UsecaseSerializer, thin List/Show renderers, MM relations, inline content elements. - vitec_columns content block (two-column layout with per-item content) incl. unified header section; special-cased JSON resolution. - Container per-column flex (items[].config align/justify) + gap on parent. - Unified header section across CEs/plugins/containers; header fields in JSON. - ISO-style architecture spec: Documentation/Headless-JSON-Architecture.md. - Cleanup: removed local scratch + verified .bak backups. - Fixes: B-6 (undefined thumbnail variable in Downloadcardcollection image resolver), B-7 (unsatisfiable legacy CType OR branch in Downloadcard/Datasheets). Rollback: git reset --hard snapshot-2026-07-09-pre-stufe3 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
1 line
21 KiB
JavaScript
1 line
21 KiB
JavaScript
import{C as e,D as t,O as n,Q as r,V as i,Z as a,a as o,k as s,n as c,tt as l,w as u}from"./index-7LYai_r-.js";import{t as d}from"./jszip.min-B_jfdBDa.js";var f=l(r(),1),p=l(d(),1),m=a(),h=`vitec_datasheets_view`,g=`vitec_datasheets_favorites`,_=e=>e?e>=1024*1024?`${(e/(1024*1024)).toFixed(1)} MB`:`${Math.round(e/1024)} KB`:``;async function v(e,t){let n=new p.default;await Promise.all(e.map(async e=>{let t=e.datasheet?.file?.url;if(!t)return;let r=await fetch(i(t,o.base_url,o.router_mode));r.ok&&n.file(e.datasheet?.file?.name??`${e.product?.slug??`datasheet`}.pdf`,await r.blob())}));let r=await n.generateAsync({type:`blob`}),a=Object.assign(document.createElement(`a`),{href:URL.createObjectURL(r),download:t});a.click(),URL.revokeObjectURL(a.href)}function y({ext:e}){return e?(0,m.jsx)(s,{component:`span`,sx:{fontSize:`0.5625rem`,fontWeight:700,letterSpacing:`0.06em`,px:`0.3125rem`,py:`0.125rem`,borderRadius:`0.1875rem`,background:`rgba(var(--vitec-brand), 1)`,color:`#fff`,textTransform:`uppercase`,flexShrink:0},children:e}):null}function b({href:e}){return(0,m.jsxs)(t,{component:`a`,href:e,target:`_blank`,rel:`noreferrer noopener`,sx:{display:`inline-flex`,alignItems:`center`,gap:`0.3rem`,fontSize:`0.8125rem`,fontWeight:600,color:`rgba(var(--vitec-orange), 1)`,textDecoration:`none`,"&:hover":{color:`rgba(var(--vitec-orange-dark), 1)`},flexShrink:0},children:[(0,m.jsxs)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,m.jsx)(`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`}),(0,m.jsx)(`polyline`,{points:`7 10 12 15 17 10`}),(0,m.jsx)(`line`,{x1:`12`,y1:`15`,x2:`12`,y2:`3`})]}),`Download`]})}function x({active:e,onToggle:t,size:n=18}){return(0,m.jsx)(`button`,{onClick:t,title:e?`Remove from favorites`:`Add to favorites`,style:{display:`flex`,alignItems:`center`,justifyContent:`center`,padding:0,border:`none`,outline:`none`,background:`none`,cursor:`pointer`,transition:`transform 0.15s`,lineHeight:0},onMouseEnter:e=>{e.currentTarget.style.transform=`scale(1.2)`},onMouseLeave:e=>{e.currentTarget.style.transform=`scale(1)`},children:(0,m.jsx)(`svg`,{width:n,height:n,viewBox:`0 0 24 24`,fill:e?`#f59e0b`:`none`,stroke:e?`#f59e0b`:`#9ca3af`,strokeWidth:`1.75`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:(0,m.jsx)(`polygon`,{points:`12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2`})})})}function S(){return(0,m.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,"aria-hidden":`true`,style:{display:`block`},children:[(0,m.jsx)(`rect`,{x:`1`,y:`1`,width:`6`,height:`6`,rx:`1`,fill:`currentColor`}),(0,m.jsx)(`rect`,{x:`9`,y:`1`,width:`6`,height:`6`,rx:`1`,fill:`currentColor`}),(0,m.jsx)(`rect`,{x:`1`,y:`9`,width:`6`,height:`6`,rx:`1`,fill:`currentColor`}),(0,m.jsx)(`rect`,{x:`9`,y:`9`,width:`6`,height:`6`,rx:`1`,fill:`currentColor`})]})}function C(){return(0,m.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,"aria-hidden":`true`,style:{display:`block`},children:[(0,m.jsx)(`rect`,{x:`1`,y:`2`,width:`14`,height:`2.5`,rx:`1`,fill:`currentColor`}),(0,m.jsx)(`rect`,{x:`1`,y:`7`,width:`14`,height:`2.5`,rx:`1`,fill:`currentColor`}),(0,m.jsx)(`rect`,{x:`1`,y:`11.5`,width:`14`,height:`2.5`,rx:`1`,fill:`currentColor`})]})}function w({view:e,onChange:t}){let n=e=>({display:`flex`,alignItems:`center`,justifyContent:`center`,width:`2rem`,height:`2rem`,padding:0,border:`none`,borderRadius:`0.25rem`,background:e?`rgba(var(--vitec-brand), 1)`:`transparent`,color:e?`#ffffff`:`#6b7280`,cursor:e?`default`:`pointer`,transition:`background 0.15s, color 0.15s`});return(0,m.jsxs)(`div`,{style:{display:`flex`,border:`1px solid #e5e7eb`,borderRadius:`0.375rem`,padding:`0.1875rem`,gap:`0.1875rem`,background:`#fff`},children:[(0,m.jsx)(`button`,{onClick:()=>t(`grid`),title:`Grid view`,style:n(e===`grid`),children:(0,m.jsx)(S,{})}),(0,m.jsx)(`button`,{onClick:()=>t(`table`),title:`Table view`,style:n(e===`table`),children:(0,m.jsx)(C,{})})]})}function T({value:e,onChange:n}){return(0,m.jsxs)(t,{sx:{display:`flex`,alignItems:`center`,gap:`0.625rem`,px:`0.875rem`,py:`0.5rem`,borderRadius:`0.5rem`,border:`1.5px solid`,borderColor:e?`rgba(var(--vitec-brand), 1)`:`divider`,bgcolor:`#fff`,maxWidth:`24rem`,transition:`border-color 0.15s`,"&:focus-within":{borderColor:`rgba(var(--vitec-brand), 1)`}},children:[(0,m.jsx)(t,{sx:{color:`text.disabled`,flexShrink:0,display:`flex`},children:(0,m.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,m.jsx)(`circle`,{cx:`11`,cy:`11`,r:`8`}),(0,m.jsx)(`line`,{x1:`21`,y1:`21`,x2:`16.65`,y2:`16.65`})]})}),(0,m.jsx)(t,{component:`input`,value:e,onChange:e=>n(e.target.value),placeholder:`Search datasheets…`,sx:{flex:1,border:`none`,outline:`none`,background:`transparent`,fontSize:`0.875rem`,color:`text.primary`,"&::placeholder":{color:`text.disabled`}}}),e&&(0,m.jsx)(t,{component:`button`,onClick:()=>n(``),sx:{display:`flex`,p:0,border:`none`,background:`none`,cursor:`pointer`,color:`text.disabled`,"&:hover":{color:`text.primary`}},children:(0,m.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,m.jsx)(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`}),(0,m.jsx)(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`})]})})]})}function E({items:n,onRemove:r,onClear:a}){let[c,l]=(0,f.useState)(`idle`),u=async()=>{if(c!==`loading`){l(`loading`);try{await v(n,`vitec-datasheets-favorites.zip`),l(`idle`)}catch{l(`error`),setTimeout(()=>l(`idle`),3e3)}}};return(0,m.jsxs)(t,{sx:{borderRadius:`0.75rem`,overflow:`hidden`,border:`1px solid`,borderColor:`divider`,boxShadow:`0 0.25rem 1.5rem rgba(0,0,0,0.1)`},children:[(0,m.jsxs)(t,{sx:{background:`linear-gradient(135deg, rgba(var(--vitec-brand), 1) 0%, rgba(var(--vitec-navy-deep), 1) 100%)`,p:`1rem 1rem 0.875rem`,display:`flex`,alignItems:`center`,justifyContent:`space-between`,gap:1},children:[(0,m.jsxs)(e,{direction:`row`,spacing:.75,alignItems:`center`,children:[(0,m.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`#f59e0b`,stroke:`#f59e0b`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:(0,m.jsx)(`polygon`,{points:`12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2`})}),(0,m.jsx)(s,{sx:{color:`#fff`,fontWeight:700,fontSize:`0.875rem`},children:`Your favorites`}),(0,m.jsx)(t,{sx:{background:`rgba(255,255,255,0.2)`,color:`#fff`,fontSize:`0.6875rem`,fontWeight:700,px:`0.375rem`,py:`0.0625rem`,borderRadius:`999px`,lineHeight:1.6},children:n.length})]}),(0,m.jsx)(t,{component:`button`,onClick:a,title:`Clear all`,sx:{display:`flex`,p:0,border:`none`,background:`none`,cursor:`pointer`,color:`rgba(255,255,255,0.6)`,"&:hover":{color:`#fff`},transition:`color 0.15s`},children:(0,m.jsxs)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,m.jsx)(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`}),(0,m.jsx)(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`})]})})]}),(0,m.jsx)(e,{sx:{bgcolor:`#fff`,maxHeight:`60vh`,overflowY:`auto`},divider:(0,m.jsx)(t,{sx:{borderTop:`1px solid`,borderColor:`divider`}}),children:n.map(n=>{let a=n.datasheet?.file?.url?i(n.datasheet.file.url,o.base_url,o.router_mode):void 0,c=n.datasheet?.file?.thumbnail?i(n.datasheet.file.thumbnail,o.base_url,o.router_mode):void 0,l=(n.product?.image?.url?i(n.product.image.url,o.base_url,o.router_mode):void 0)??c,u=n.datasheet?.uid??n.product?.uid;return(0,m.jsxs)(e,{direction:`row`,alignItems:`center`,spacing:1,sx:{p:`0.625rem 0.875rem`,"&:hover":{bgcolor:`rgba(var(--vitec-brand), 0.03)`}},children:[l&&(0,m.jsx)(t,{sx:{width:`2.5rem`,height:`2.5rem`,flexShrink:0,borderRadius:`0.25rem`,overflow:`hidden`,border:`1px solid`,borderColor:`divider`,bgcolor:`#f5f5f5`},children:(0,m.jsx)(t,{component:`img`,src:l,alt:``,loading:`lazy`,sx:{width:`100%`,height:`100%`,objectFit:`cover`,display:`block`}})}),(0,m.jsxs)(e,{spacing:.125,sx:{flex:1,minWidth:0},children:[(0,m.jsx)(s,{variant:`caption`,sx:{fontWeight:700,fontSize:`0.75rem`,lineHeight:1.3,color:`text.primary`},noWrap:!0,children:n.product?.title??n.datasheet?.title}),a&&(0,m.jsxs)(t,{component:`a`,href:a,target:`_blank`,rel:`noreferrer noopener`,sx:{fontSize:`0.6875rem`,color:`rgba(var(--vitec-orange), 1)`,textDecoration:`none`,"&:hover":{textDecoration:`underline`},display:`flex`,alignItems:`center`,gap:`0.25rem`},children:[(0,m.jsxs)(`svg`,{width:`10`,height:`10`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,m.jsx)(`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`}),(0,m.jsx)(`polyline`,{points:`7 10 12 15 17 10`}),(0,m.jsx)(`line`,{x1:`12`,y1:`15`,x2:`12`,y2:`3`})]}),n.datasheet?.title??`Datasheet`]})]}),(0,m.jsx)(x,{active:!0,size:15,onToggle:e=>{e.preventDefault(),u!=null&&r(u)}})]},u)})}),n.length>1&&(0,m.jsx)(t,{sx:{p:`0.75rem`,borderTop:`1px solid`,borderColor:`divider`,bgcolor:`#fafafa`},children:(0,m.jsxs)(t,{component:`button`,onClick:u,disabled:c===`loading`,sx:{width:`100%`,display:`flex`,alignItems:`center`,justifyContent:`center`,gap:`0.375rem`,py:`0.5rem`,px:`1rem`,border:`none`,borderRadius:`0.375rem`,cursor:c===`loading`?`default`:`pointer`,background:c===`error`?`rgba(239,68,68,0.1)`:`rgba(var(--vitec-brand), 1)`,color:c===`error`?`rgba(239,68,68,1)`:`#fff`,fontSize:`0.8125rem`,fontWeight:600,transition:`background 0.15s`,"&:hover:not(:disabled)":{background:`rgba(var(--vitec-navy-deep), 1)`}},children:[c===`loading`?(0,m.jsx)(t,{sx:{width:`1rem`,height:`1rem`,border:`2px solid rgba(255,255,255,0.4)`,borderTopColor:`#fff`,borderRadius:`50%`,animation:`spin 0.7s linear infinite`,"@keyframes spin":{to:{transform:`rotate(360deg)`}}}}):(0,m.jsxs)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:[(0,m.jsx)(`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`}),(0,m.jsx)(`polyline`,{points:`7 10 12 15 17 10`}),(0,m.jsx)(`line`,{x1:`12`,y1:`15`,x2:`12`,y2:`3`})]}),c===`error`?`Download failed`:`Download all (ZIP)`]})})]})}function D({item:n,isFav:r,onToggleFav:a}){let c=n.product,l=n.datasheet,u=l?.file,d=u?.url?i(u.url,o.base_url,o.router_mode):void 0,f=u?.thumbnail?i(u.thumbnail,o.base_url,o.router_mode):void 0,p=(c?.image?.url?i(c.image.url,o.base_url,o.router_mode):void 0)??f,h=_(u?.size),g=(u?.extension??``).toUpperCase(),v=c?.categories?.[0];return(0,m.jsxs)(t,{sx:{height:`100%`,display:`flex`,flexDirection:`column`,borderRadius:`0.5rem`,border:`1px solid`,borderColor:`divider`,overflow:`hidden`,bgcolor:`#fff`,boxShadow:`0 0.125rem 0.5rem rgba(0,0,0,0.05)`,transition:`box-shadow 0.2s, transform 0.2s`,"&:hover":{boxShadow:`0 0.5rem 1.5rem rgba(0,0,0,0.11)`,transform:`translateY(-0.125rem)`}},children:[(0,m.jsxs)(t,{sx:{aspectRatio:`16/9`,overflow:`hidden`,flexShrink:0,bgcolor:`#f0f2f5`,position:`relative`},children:[p?(0,m.jsx)(t,{component:`img`,src:p,alt:``,loading:`lazy`,sx:{width:`100%`,height:`100%`,objectFit:`cover`,display:`block`}}):(0,m.jsx)(t,{sx:{width:`100%`,height:`100%`,display:`flex`,alignItems:`center`,justifyContent:`center`},children:(0,m.jsxs)(`svg`,{width:`40`,height:`40`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`0.75`,strokeLinecap:`round`,strokeLinejoin:`round`,style:{opacity:.15},"aria-hidden":`true`,children:[(0,m.jsx)(`path`,{d:`M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z`}),(0,m.jsx)(`polyline`,{points:`14 2 14 8 20 8`})]})}),(0,m.jsx)(t,{sx:{position:`absolute`,top:`0.5rem`,right:`0.5rem`,bgcolor:`rgba(255,255,255,0.9)`,borderRadius:`50%`,width:`1.75rem`,height:`1.75rem`,display:`flex`,alignItems:`center`,justifyContent:`center`,boxShadow:`0 1px 4px rgba(0,0,0,0.12)`},children:(0,m.jsx)(x,{active:r,onToggle:e=>{e.preventDefault(),e.stopPropagation(),a()}})})]}),(0,m.jsxs)(e,{sx:{p:`0.875rem`,flex:1,gap:`0.375rem`},children:[v&&(0,m.jsx)(s,{component:`span`,sx:{fontSize:`0.625rem`,fontWeight:700,textTransform:`uppercase`,letterSpacing:`0.06em`,color:`rgba(var(--vitec-brand), 1)`},children:v.title}),(0,m.jsx)(s,{variant:`subtitle1`,fontWeight:700,sx:{lineHeight:1.25,fontSize:`0.9375rem`},children:c?.title??l?.title}),c?.subtitle&&(0,m.jsx)(s,{variant:`body2`,color:`text.secondary`,sx:{fontSize:`0.8125rem`,lineHeight:1.4},children:c.subtitle}),(0,m.jsxs)(t,{sx:{mt:`auto`,pt:`0.625rem`,borderTop:`1px solid`,borderColor:`divider`,display:`flex`,alignItems:`center`,justifyContent:`space-between`,gap:`0.5rem`},children:[(0,m.jsxs)(e,{direction:`row`,spacing:.625,alignItems:`center`,children:[(0,m.jsx)(y,{ext:g}),h&&(0,m.jsx)(s,{variant:`caption`,color:`text.disabled`,children:h})]}),d&&(0,m.jsx)(b,{href:d})]})]})]})}function O({item:n,odd:r,isFav:a,onToggleFav:c}){let l=n.product,u=n.datasheet,d=u?.file,f=d?.url?i(d.url,o.base_url,o.router_mode):void 0,p=d?.thumbnail?i(d.thumbnail,o.base_url,o.router_mode):void 0,h=(l?.image?.url?i(l.image.url,o.base_url,o.router_mode):void 0)??p,g=_(d?.size),v=(d?.extension??``).toUpperCase();return(0,m.jsxs)(t,{component:`tr`,sx:{bgcolor:r?`rgba(var(--vitec-brand), 0.025)`:`#fff`,"&:hover":{bgcolor:`rgba(var(--vitec-brand), 0.06)`},transition:`background 0.12s`},children:[(0,m.jsx)(t,{component:`td`,sx:{p:`0.5rem 0.5rem 0.5rem 0.75rem`,width:`2rem`,verticalAlign:`middle`},children:(0,m.jsx)(x,{active:a,onToggle:e=>{e.preventDefault(),e.stopPropagation(),c()}})}),(0,m.jsx)(t,{component:`td`,sx:{p:`0.5rem 0.75rem`,width:`3.5rem`,verticalAlign:`middle`},children:(0,m.jsx)(t,{sx:{width:`3rem`,height:`3rem`,borderRadius:`0.25rem`,overflow:`hidden`,bgcolor:`#f0f2f5`},children:h?(0,m.jsx)(t,{component:`img`,src:h,alt:``,loading:`lazy`,sx:{width:`100%`,height:`100%`,objectFit:`cover`,display:`block`}}):(0,m.jsx)(t,{sx:{width:`100%`,height:`100%`,display:`flex`,alignItems:`center`,justifyContent:`center`},children:(0,m.jsxs)(`svg`,{width:`18`,height:`18`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.25`,strokeLinecap:`round`,strokeLinejoin:`round`,style:{opacity:.25},"aria-hidden":`true`,children:[(0,m.jsx)(`path`,{d:`M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z`}),(0,m.jsx)(`polyline`,{points:`14 2 14 8 20 8`})]})})})}),(0,m.jsxs)(t,{component:`td`,sx:{p:`0.5rem 0.75rem`,verticalAlign:`middle`},children:[(0,m.jsx)(s,{variant:`subtitle2`,fontWeight:700,sx:{fontSize:`0.875rem`,lineHeight:1.3},children:l?.title??u?.title}),l?.subtitle&&(0,m.jsx)(s,{variant:`caption`,color:`text.secondary`,sx:{display:`block`,lineHeight:1.4},children:l.subtitle})]}),(0,m.jsx)(t,{component:`td`,sx:{p:`0.5rem 0.75rem`,verticalAlign:`middle`},children:(0,m.jsx)(e,{direction:`row`,spacing:.5,flexWrap:`wrap`,useFlexGap:!0,children:(l?.categories??[]).map(e=>(0,m.jsx)(s,{component:`span`,sx:{fontSize:`0.625rem`,fontWeight:700,textTransform:`uppercase`,letterSpacing:`0.05em`,px:`0.375rem`,py:`0.125rem`,borderRadius:`0.1875rem`,border:`1px solid`,borderColor:`rgba(var(--vitec-brand), 0.3)`,color:`rgba(var(--vitec-brand), 1)`},children:e.title},e.uid))})}),(0,m.jsx)(t,{component:`td`,sx:{p:`0.5rem 0.75rem`,verticalAlign:`middle`,whiteSpace:`nowrap`},children:(0,m.jsxs)(e,{direction:`row`,spacing:.625,alignItems:`center`,children:[(0,m.jsx)(y,{ext:v}),g&&(0,m.jsx)(s,{variant:`caption`,color:`text.disabled`,children:g})]})}),(0,m.jsx)(t,{component:`td`,sx:{p:`0.5rem 0.75rem`,verticalAlign:`middle`,textAlign:`right`},children:f&&(0,m.jsx)(b,{href:f})})]})}function k({items:e,favorites:n,onToggleFav:r}){return(0,m.jsx)(t,{sx:{width:`100%`,overflowX:`auto`,borderRadius:`0.5rem`,border:`1px solid`,borderColor:`divider`,bgcolor:`#fff`,boxShadow:`0 0.125rem 0.5rem rgba(0,0,0,0.05)`},children:(0,m.jsxs)(t,{component:`table`,sx:{width:`100%`,borderCollapse:`collapse`,minWidth:`36rem`},children:[(0,m.jsx)(t,{component:`thead`,children:(0,m.jsx)(t,{component:`tr`,sx:{borderBottom:`2px solid`,borderColor:`divider`,bgcolor:`rgba(var(--vitec-brand), 0.04)`},children:[``,``,`Product`,`Category`,`File`,``].map((e,n)=>(0,m.jsx)(t,{component:`th`,sx:{px:`0.75rem`,py:`0.625rem`,textAlign:n===5?`right`:`left`,fontSize:`0.6875rem`,fontWeight:700,textTransform:`uppercase`,letterSpacing:`0.06em`,color:`text.secondary`,whiteSpace:`nowrap`,width:n===0?`2rem`:n===1?`3.5rem`:n===5?`7rem`:void 0},children:e},n))})}),(0,m.jsx)(t,{component:`tbody`,children:e.map((e,t)=>{let i=e.datasheet?.uid??e.product?.uid;return(0,m.jsx)(O,{item:e,odd:t%2==1,isFav:i!=null&&n.has(i),onToggleFav:()=>{i!=null&&r(i)}},i??t)})})]})})}function A({page:n,total:r,onChange:i}){return r<=1?null:(0,m.jsx)(e,{direction:`row`,spacing:.5,justifyContent:`center`,flexWrap:`wrap`,useFlexGap:!0,children:Array.from({length:r},(e,t)=>t+1).map(e=>(0,m.jsx)(t,{component:`button`,onClick:()=>i(e),sx:{minWidth:`2rem`,height:`2rem`,px:`0.5rem`,borderRadius:`0.25rem`,border:`1px solid`,background:e===n?`rgba(var(--vitec-brand), 1)`:`transparent`,borderColor:e===n?`rgba(var(--vitec-brand), 1)`:`divider`,color:e===n?`#fff`:`inherit`,fontSize:`0.875rem`,fontWeight:e===n?600:400,cursor:`pointer`,transition:`all 0.15s`,"&:hover:not(:disabled)":{borderColor:`rgba(var(--vitec-brand), 1)`,color:e===n?`#fff`:`rgba(var(--vitec-brand), 1)`}},children:e},e))})}function j({element:r,className:i,nested:a,devInfoTags:o,uid:l,spaceBefore:d,spaceAfter:p}){let _=r.content?.datasheets,v=_?.items??[],y=_?.settings,b=y?.showSearch??!0,x=y?.showFilter??!0,S=y?.itemsPerPage??20,[C,O]=(0,f.useState)(()=>{try{return localStorage.getItem(h)??`grid`}catch{return`grid`}}),[j,M]=(0,f.useState)(``),[N,P]=(0,f.useState)(new Set),[F,I]=(0,f.useState)(1),[L,R]=(0,f.useState)(()=>{try{let e=localStorage.getItem(g);return e?new Set(JSON.parse(e)):new Set}catch{return new Set}}),z=e=>{O(e);try{localStorage.setItem(h,e)}catch{}},B=(0,f.useCallback)(e=>{R(t=>{let n=new Set(t);n.has(e)?n.delete(e):n.add(e);try{localStorage.setItem(g,JSON.stringify([...n]))}catch{}return n})},[]),V=(0,f.useCallback)(()=>{R(new Set);try{localStorage.removeItem(g)}catch{}},[]),H=(0,f.useMemo)(()=>{let e=new Map;for(let t of v)for(let n of t.product?.categories??[])n.uid!=null&&n.title&&e.set(n.uid,n.title);return Array.from(e.entries()).map(([e,t])=>({uid:e,title:t})).sort((e,t)=>e.title.localeCompare(t.title))},[v]),U=(0,f.useMemo)(()=>{let e=j.toLowerCase().trim();return v.filter(t=>{let n=!e||t.product?.title?.toLowerCase().includes(e)||t.product?.subtitle?.toLowerCase().includes(e)||t.datasheet?.title?.toLowerCase().includes(e),r=N.size===0||(t.product?.categories??[]).some(e=>e.uid!=null&&N.has(e.uid));return n&&r})},[v,j,N]);(0,f.useEffect)(()=>{I(1)},[j,N]);let W=Math.ceil(U.length/S),G=U.slice((F-1)*S,F*S),K=(0,f.useMemo)(()=>v.filter(e=>{let t=e.datasheet?.uid??e.product?.uid;return t!=null&&L.has(t)}),[v,L]),q=e=>{P(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},J=K.length>0;return(0,m.jsx)(c,{className:i,devInfoTags:o,nested:a,uid:l,spaceBefore:d,spaceAfter:p,children:(0,m.jsxs)(e,{direction:{xs:`column`,lg:`row`},spacing:3,alignItems:`flex-start`,children:[(0,m.jsxs)(e,{spacing:2,sx:{flex:1,minWidth:0},children:[(0,m.jsxs)(e,{direction:`row`,alignItems:`center`,gap:1.5,flexWrap:`wrap`,children:[b&&(0,m.jsx)(T,{value:j,onChange:M}),(0,m.jsxs)(e,{direction:`row`,alignItems:`center`,spacing:1.5,sx:{ml:`auto`},children:[(0,m.jsx)(s,{variant:`body2`,color:`text.secondary`,sx:{whiteSpace:`nowrap`},children:U.length===v.length?`${v.length} datasheet${v.length===1?``:`s`}`:`${U.length} of ${v.length}`}),(0,m.jsx)(w,{view:C,onChange:z})]})]}),x&&H.length>0&&(0,m.jsxs)(e,{direction:`row`,spacing:.75,flexWrap:`wrap`,useFlexGap:!0,children:[H.map(e=>(0,m.jsx)(n,{label:e.title,size:`small`,clickable:!0,onClick:()=>q(e.uid),variant:N.has(e.uid)?`filled`:`outlined`,sx:{fontSize:`0.75rem`,...N.has(e.uid)&&{bgcolor:`rgba(var(--vitec-brand), 1)`,color:`#fff`,"&:hover":{bgcolor:`rgba(var(--vitec-navy-deep), 1)`}}}},e.uid)),N.size>0&&(0,m.jsx)(n,{label:`Clear`,size:`small`,clickable:!0,onClick:()=>P(new Set),sx:{fontSize:`0.75rem`,color:`text.secondary`}})]}),G.length>0?C===`grid`?(0,m.jsx)(u,{container:!0,spacing:2,children:G.map(e=>{let t=e.datasheet?.uid??e.product?.uid;return(0,m.jsx)(u,{size:{xs:12,sm:6,md:J?6:4},children:(0,m.jsx)(D,{item:e,isFav:t!=null&&L.has(t),onToggleFav:()=>{t!=null&&B(t)}})},t)})}):(0,m.jsx)(k,{items:G,favorites:L,onToggleFav:B}):(0,m.jsx)(t,{sx:{py:`3rem`,textAlign:`center`},children:(0,m.jsx)(s,{color:`text.secondary`,children:`No datasheets match your search.`})}),(0,m.jsx)(A,{page:F,total:W,onChange:I})]}),J&&(0,m.jsx)(t,{sx:{width:{xs:`100%`,lg:`17rem`},flexShrink:0,position:{lg:`sticky`},top:{lg:`5rem`}},children:(0,m.jsx)(E,{items:K,onRemove:B,onClear:V})})]})})}export{j as VitecDatasheets}; |