1import{f as h,g as c,y as z,h as j,e as x,r as a,a4 as E,j as r,v as S}from"./index-HM9r5dmR.js";import{G}from"./GraphicElement-D9k_TEX0.js";import"./index-Dyn5EnPp.js";import"./react-error-boundary-D0QT2Cq2.js";import"./index-DsgCFdjn.js";import"./ResizeObserver.es-cHYcei0g.js";import"./Styles-JwMjH20P.js";import"./StatusWrapper-AtB762B_.js";import"./404-5Yy_oKld.js";import"./Text-DrByGwjq.js";import"./Styles-DxskVGBB.js";import"./Avatar-NrDLDVc4.js";import"./Card-DxU2N2Jd.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{};e.SENTRY_RELEASE={id:"7b74966b0c1026a006b185fa58b34dde82a7b42c"};var l=new e.Error().stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="721d6c3b-dffe-42f3-9a2f-ed88045a601e",e._sentryDebugIdIdentifier="sentry-dbid-721d6c3b-dffe-42f3-9a2f-ed88045a601e")}catch{}})();const D=c.div` 2 position: relative; 3 overflow: hidden; 4 user-select: none; 5 background-color: ${({theme:e})=>e.grey100}; 6 width: 100%; 7 height: 100%; 8 9 ${({backgroundImage:e})=>e&&h` 10 background-image: url(${e}); 11 background-position: center center; 12 background-attachment: fixed; 13 background-size: cover; 14 `} 15`,T=c.div` 16 @media (min-width: ${({theme:e})=>e.breakpoints.sm}) { 17 position: relative; 18 height: 100%; 19 width: 100%; 20 max-width: calc(100% * 16 / 9); 21 transform-origin: 0% 0% 0; 22 margin: auto; 23 24 &:before { 25 content: ''; 26 display: inline-block; 27 height: 100%; 28 vertical-align: middle; 29 } 30 31 ${({transformScale:e})=>e&&h` 32 transform: scale(${e}); 33 `} 34 35 ${({positionTop:e})=>e&&h` 36 top: ${e}; 37 `} 38 39 ${({positionLeft:e})=>e&&h` 40 left: ${e}; 41 `} 42 } 43`,v=c.div` 44 z-index: ${({zIndex:e})=>e??71}; 45 overflow: hidden; 46 position: absolute; 47 left: 0; 48 top: 0; 49 width: 0; 50 height: 0; 51 52 transform-origin: 0 0; 53 -webkit-transform-origin: 0 0; 54 -moz-transform-origin: 0 0; 55 -o-transform-origin: 0 0; 56 57 transform: matrix3d( 58 var(--scaleX, 1), 59 var(--skewY, 0), 60 var(--X3, 0), 61 var(--rotateY, 0), 62 var(--skewX, 0), 63 var(--scaleY, 1), 64 var(--Y3, 0), 65 var(--rotateX, 0), 66 var(--Z1, 0), 67 var(--Z2, 0), 68 var(--scaleZ, 1), 69 0, 70 var(--translateX, 0), 71 var(--translateY, 0), 72 var(--translateZ, 0), 73 1 74 ); 75 76 img, 77 video, 78 > * { 79 width: 100%; 80 height: 100%; 81 max-width: 100%; 82 max-height: 100%; 83 } 84`,y=c.img` 85 top: 0; 86 position: absolute; 87 max-width: unset; 88 z-index: ${({zIndex:e})=>e??"-999"}; 89`,W=c(z)` 90 position: absolute; 91 top: 0.5rem; 92 left: 1.2rem; 93 font-size: 2.25rem; 94 color: ${({theme:e})=>e.grey600}; 95 transition: color 450ms ease; 96 97 &:hover { 98 color: ${({theme:e})=>e.primary}; 99 } 100 101 @media (min-width: ${({theme:e})=>e.breakpoints.md}) { 102 font-size: 3.25rem; 103 } 104 105 @media (min-width: ${({theme:e})=>e.breakpoints.xl}) { 106 font-size: 4.25rem; 107 } 108`,q=()=>{var u;const e=j(),l=x(({aside:i})=>i.isActive),{booth:t,positions:f,virtualImages:m}=x(({exhibitor:i})=>i.data),[w,g]=a.useState(0),[b,$]=a.useState(0),[k,I]=a.useState(0),p=()=>{const i=document.getElementById("exhibitorGraphic");let s;if(i){i.offsetWidth<i.offsetHeight*16/9?(s=i.offsetWidth/1920,g(s)):(s=i.offsetHeight*16/9/1920,g(s));const n=i.offsetHeight/2-s*1080/2;$(`${n}px`);const o=i.offsetWidth/2-s*1920/2;I(`${o}px`)}return!0};return a.useEffect(()=>{e(E("exhibitorProfile"))},[]),a.useEffect(()=>(p(),window.addEventListener("resize",p),()=>{window.removeEventListener("resize",p)}),[]),a.useEffect(()=>{setTimeout(()=>{p()},300)},[l]),r.jsxs(D,{id:"exhibitorGraphic",backgroundImage:t.background,children:[r.jsxs(T,{transformScale:w,positionTop:b,positionLeft:k,children:[(t==null?void 0:t.base)&&r.jsx(y,{src:t.base,alt:""}),((u=t==null?void 0:t.layers)==null?void 0:u.length)>0&&(t==null?void 0:t.layers.map((i,s)=>r.jsx(a.Fragment,{children:r.jsx(y,{src:i.img,alt:"",zIndex:i.zIndex})},s))),(m==null?void 0:m.length)>0&&m.map((i,s)=>{var n,o,d;return r.jsx(a.Fragment,{children:i.type==="img"&&r.jsx(v,{item:!0,style:(n=t==null?void 0:t.positions)==null?void 0:n[i.name],zIndex:(d=(o=t==null?void 0:t.positions)==null?void 0:o[i.name])==null?void 0:d.zIndexImage,children:r.jsx("img",{src:i.value,alt:""})})},s)}),(f==null?void 0:f.length)>0&&f.map((i,s)=>{var n,o,d;return r.jsx(a.Fragment,{children:i.type!=="img"&&r.jsx(v,{item:!0,style:(n=t==null?void 0:t.positions)==null?void 0:n[i.name],zIndex:(d=(o=t==null?void 0:t.positions)==null?void 0:o[i.name])==null?void 0:d.zIndexDynamic,children:r.jsx(G,{...i})})},s)})]}),r.jsx(W,{to:S.list.full,children:r.jsx("i",{className:"fa-light fa-reply"})})]})};export{q as default}; 109//# sourceMappingURL=GraphicType-Dq0kWYeD.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.