@expofp/floorplan 3.45.14 → 3.45.16

package/dist/esm/components/Exhibitor.js

@@ -1 +1 @@
-import{Fragment as N,jsx as i,jsxs as n}from"react/jsx-runtime";import"./Exhibitor.scss";import{Button as B}from"@expofp/ui";import k from"classnames";import{observer as J,useLocalStore as Y,useObserver as E}from"mobx-react-lite";import Q,{Suspense as L,useEffect as Z,useRef as R,useState as D}from"react";import{Transition as ee}from"react-transition-group";import f from"../data";import a,{uiState as r}from"../store";import{RegularBooth as ie}from"../store/BoothStore";import{GaEventActions as d,sendEventToGa as T}from"../tools/gtag";import te from"../tools/logger";import C from"../tools/settings";import oe from"../tools/track-event";import{t as h}from"../utils/i18n";import re from"../utils/is-mobile";import{useReaction as ne}from"../utils/mobx";import ae from"../utils/useHeatmapOverlay";import se from"./AlertContainer";import le from"./DownloadListContainer";import I from"./ErrorBoundary";import ce from"./RebookingNotesContainer";import de from"./RebookingRadioGroupContainer";import he from"./Schedule";import me from"./ShowMoreButtonContainer";import ue from"./SidebarActionsContainer";import{getDescription as be}from"./utils/getDescription";const O=Q.lazy(()=>import("./GalleryContainer")),ke=J(function(){const o=Y(()=>({collapsed:!0,get exhibitor(){return r.selectedExhibitor},get websiteTrimmed(){return this.exhibitor.website?this.exhibitor.website.replace(/^(http(s?):\/\/)([^/]+)(\/)?$/i,"$3"):""},get anySocial(){return r.kiosk?!1:!!["facebook","instagram","linkedin","twitter","googlePlus","xing","youtube"].find(e=>this.exhibitor[e])},get anyAddress(){return!!["address","address2","phone1","website","email"].find(e=>this.exhibitor[e])},get anyMedia(){return!!this.exhibitor.videoUrl||!!(this.exhibitor.gallery&&this.exhibitor.gallery.length)},get anyButtons(){return!!(this.exhibitor.customButtonTitle||this.exhibitor.customButton2Title||this.exhibitor.customButton3Title)},get disableCollapse(){return!this.anySocial&&!this.anyAddress&&!this.anyMedia&&!this.anyButtons||r.overlayPosition==="left"&&(this.exhibitor.description||"").length<800},get showEdit(){return!!(f.sendLoginLinkUrl&&this.sendLinkEmail)},get sendLinkEmail(){return this.exhibitor.privateEmail||this.exhibitor.email}})),{heatmapBar:G}=ae(o.exhibitor),[y,U]=D(!1),[p,A]=D(!1),x=R(null);Z(()=>((()=>{if(x.current){const c=x.current.offsetHeight;U(c>300)}})(),()=>{a.exhibitorStore.rebookingStateChangeRequested=!1}),[]),ne(()=>o.exhibitor,()=>{o.collapsed=!0});function _(e,c){if(u(c),r.kiosk)return e.preventDefault()}function z(e,c,m){T(d.ClickCustomButton,o.exhibitor.name);const b={externalId:o.exhibitor.externalId,buttonNumber:e,buttonUrl:c,preventDefault:m.preventDefault.bind(m)};r.onExhibitorCustomButtonClick&&r.onExhibitorCustomButtonClick(b)}function u(e){T(e,o.exhibitor.name)}const S=R(null),M={entering:{opacity:1},entered:{opacity:1},exiting:{opacity:0},exited:{opacity:0}},w=150;return E(()=>{const e=o.exhibitor,c=f.isRebooking?(()=>{const t=new Set;for(const l of e.booths)l instanceof ie&&l.size&&t.add(l.size);const s=Array.from(t);return n("div",{children:[s.length>0&&i("div",{className:"booth__infos",style:{padding:"0 15px",marginBottom:"1rem"},children:n("div",{className:"booth__info",children:[i("div",{className:"booth__info-icon",children:i("i",{className:"icon-size"})}),n("div",{className:"booth__info-body",children:[i("div",{className:"booth__info-title",children:h("Size")}),i("div",{className:"booth__info-val",children:s.join(", ")})]})]})}),i(de,{value:e.rebookingState.toString(),onChange:l=>a.exhibitorStore.setRebookingState(e,parseInt(l),e.rebookingNote)}),i(ce,{value:e.rebookingNote||"",onSave:l=>a.exhibitorStore.setRebookingState(e,e.rebookingState,l)},e.id),i(ee,{in:a.exhibitorStore.rebookingStateChangeRequested,nodeRef:S,timeout:w,appear:!0,enter:!0,exit:!0,mountOnEnter:!0,unmountOnExit:!0,children:l=>i("div",{ref:S,style:{position:"fixed",bottom:"1rem",left:"1rem",zIndex:9999,transition:`opacity ${w}ms ease-in-out`,opacity:0,...M[l]},children:i(se,{title:a.exhibitorStore.rebookingStateSaved?h("Changes saved"):h("Oops! Something went wrong"),variant:a.exhibitorStore.rebookingStateSaved?"success":"error",inline:!0,closable:!0,onClose:()=>{a.exhibitorStore.rebookingStateChangeRequested=!1}})})})]})})():null,m=k({exhibitor:!0,"is-featured":e.featured,bookmarked:e.bookmarked,[r.responsiveClass]:!0}),b=()=>{o.collapsed=!1};function g(t,s,l){return!t||!s||r.kiosk||r.previewMode?null:i("div",{className:"exhibitor-custom-button",children:i(B,{link:s,inline:!0,onClick:v=>{z(l,s,v)},target:"_blank",children:t})},l)}function F(){const s=[g(e.customButtonTitle,e.customButtonUrl,1),g(e.customButton2Title,e.customButton2Url,2),g(e.customButton3Title,e.customButton3Url,3)].filter(Boolean);return s.length===0?null:i("div",{className:"exhibitor-custom-buttons",children:s})}function $(){return!f.hideShareButton&&!r.kiosk&&window.location.host.endsWith(".expofp.com")&&C.EXPO!=="globalaltsmiami2024"}const X=()=>{a.routeStore.clickRoute(null,a.routeStore.tempToBooth||e.booths[0]),a.routeStore.currentRouteExhibitor=e},K=t=>/^\d+$/.test(t),W=t=>f.shortLevelName?t.layer?.shortName:t.layer?.description;return n("div",{className:m,"aria-label":h("Details"),children:[n("div",{className:"exhibitor__header",children:[n("div",{className:"exhibitor__header-name",children:[i("div",{className:"exhibitor__header-icon",children:i("i",{className:"icon-exhibitor-solid"})}),i("span",{dir:"auto",children:e.name}),G]}),i("button",{type:"button",onClick:()=>a.searchStore.handleBackAction(),className:"exhibitor__header-close",children:i("i",{className:"icon-close"})})]}),c||n(N,{children:[i("div",{className:"exhibitor__buttons",children:!r.isGuidedToursActive&&i(ue,{showBookmark:!r.disableBookmarked&&!f.hideBookmarks&&!r.kiosk,showDirections:e.booths.length>0&&C.wayfinding,inBookmark:e.bookmarked,showShare:$(),showVisited:!r.kiosk,visited:e.visited,onClickBookmark:j,onClickShare:V,onClickDirections:X,onClickVisited:q})}),e.leadingImageUrl?i("div",{className:"exhibitor__leading-image-container exhibitor-slider",children:e.leadingImageLinkUrl?i("a",{href:e.leadingImageLinkUrl,target:"_blank",rel:"noopener noreferrer",children:i("img",{src:e.leadingImageUrl,className:"exhibitor__leading-image",alt:"",crossOrigin:"anonymous"})}):i(I,{children:i(L,{fallback:null,children:i(O,{className:r.responsiveClass,onOpenGallery:()=>a.openGallery(),onCloseGallery:()=>a.closeGallery(),leading:!0,images:[e.leadingImageUrl]})})})}):null,n("div",{className:k("exhibitor__details",{"details-hidden":r.kiosk&&y&&!p}),ref:x,children:[n("div",{className:k("exhibitor-categories",{"is-links-disabled":r.isGuidedToursActive}),children:[e.featured&&i("div",{className:"exhibitor-featured",children:h("Featured")}),e.booths.map(t=>{const s=W(t),l=v=>{v.preventDefault(),a.toggleMapOverlay(),a.selectBooth(t)};return n("a",{href:`?${t.slug}`,onClick:l,className:"exhibitor-categories__booth",children:[i("div",{className:"exhibitor-categories__booth-name",children:t.name}),s&&n("div",{className:"exhibitor-categories__booth-level",children:[K(s)?h("Level")+" ":"",s]})]},t.id)}),e.categories.map(t=>i("a",{href:"?"+encodeURIComponent(t.slug),onClick:s=>{s.preventDefault(),H(t)},className:t.sponsorship?"exhibitor-categories__sponsorship":"exhibitor-categories__cat",children:t.name},t.id))]}),e.description||e.logo?.url?n("div",{className:k("exhibitor-description",{collapsed:o.collapsed&&!o.disableCollapse}),children:[e.logo?.url?i("div",{className:k("exhibitor-description__logo",{"exhibitor-description__logo--left":!e.description}),children:i("img",{src:e.logo.url,alt:e.name,crossOrigin:"anonymous"})}):null,e.description?i("span",{className:"exhibitor-description__content",dir:"auto",dangerouslySetInnerHTML:{__html:be(e.description)},onClick:b}):null]}):null,(!!e.schedule?.length||!!e.booths[0]?.schedule.length)&&i(he,{events:[...e.schedule||e.booths[0]?.schedule||[]].sort((t,s)=>new Date(t.startDate).getTime()-new Date(s.startDate).getTime())}),!r.kiosk&&e.videoUrl&&navigator.onLine&&i("div",{className:"exhibitor-video",children:i("iframe",{src:e.videoUrl,"data-allow":"encrypted-media; autoplay; fullscreen",title:h("Exhibitor Video"),allowFullScreen:!0})}),e.gallery&&i("div",{className:"exhibitor-slider",onClick:()=>u(d.ViewGallery),children:i(I,{children:i(L,{fallback:null,children:i(O,{className:r.responsiveClass,onOpenGallery:()=>a.openGallery(),onCloseGallery:()=>a.closeGallery(),images:e.gallery})})})}),!r.kiosk&&e.marketMaterials&&n(N,{children:[i("div",{className:"exhibitor-sep"}),i(le,{list:e.marketMaterials})]}),o.showEdit&&i("div",{className:"exhibitor-sep"}),!r.kiosk&&o.showEdit&&i("div",{className:"exhibitor-edit",children:i(B,{size:"sm",variant:"secondary",onClick:P,children:h("Edit")})}),o.anyAddress&&n("div",{className:"exhibitor-meta",children:[!!(e.address||e.address2)&&n("div",{className:"exhibitor-meta__item",children:[i("div",{className:"exhibitor-meta__icon",children:i("i",{className:"icon-marker-pin-solid"})}),n("div",{className:"exhibitor-meta__content",children:[e.address,!!e.address2&&i("div",{children:e.address2}),!!(e.city||e.state||e.zip)&&n("div",{children:[e.city,!!(e.city&&e.state)&&i("span",{children:" "}),e.state,!!(e.state&&e.zip)&&i("span",{children:"\xA0"})," ",e.zip]}),!!e.country&&i("div",{children:e.country})]})]}),!!e.phone1&&n("div",{className:"exhibitor-meta__item",children:[i("div",{className:"exhibitor-meta__icon",children:i("i",{className:"icon-phone-solid"})}),i("div",{className:"exhibitor-meta__content",children:i("a",{dir:"ltr",href:"tel:"+e.phone1,className:"exhibitor-meta__link",onClick:t=>_(t,d.ClickPhone),children:e.phone1})})]}),!!e.website&&n("div",{className:"exhibitor-meta__item",children:[i("div",{className:"exhibitor-meta__icon",children:i("i",{className:"icon-globe-solid"})}),i("div",{className:"exhibitor-meta__content",children:i("a",{href:e.website,target:"_blank",rel:"noopener noreferrer",className:"exhibitor-meta__link",onClick:t=>_(t,d.ClickWebsite),children:o.websiteTrimmed})})]}),!!e.email&&n("div",{className:"exhibitor-meta__item",children:[i("div",{className:"exhibitor-meta__icon",children:i("i",{className:"icon-mail-at-solid"})}),i("div",{className:"exhibitor-meta__content",children:i("a",{href:"mailto:"+e.email,target:"_blank",rel:"noopener noreferrer",className:"exhibitor-meta__link",onClick:t=>_(t,d.ClickEmail),children:e.email})})]}),o.anySocial&&n("div",{className:"exhibitor-meta__socials",children:[i("a",{href:e.facebook,className:"exhibitor-meta__social",onClick:()=>u(d.ClickFacebook),target:"_blank",rel:"noopener noreferrer",children:i("i",{className:"icon-facebook"})}),i("a",{href:e.instagram,className:"exhibitor-meta__social",onClick:()=>u(d.ClickInstagaram),target:"_blank",rel:"noopener noreferrer",children:i("i",{className:"icon-instagram"})}),i("a",{href:e.linkedin,className:"exhibitor-meta__social",onClick:()=>u(d.ClickLinkedin),target:"_blank",rel:"noopener noreferrer",children:i("i",{className:"icon-linkedin"})}),i("a",{href:e.twitter,className:"exhibitor-meta__social",onClick:()=>u(d.ClickTwitter),target:"_blank",rel:"noopener noreferrer",children:i("i",{className:"icon-twitter-x"})}),i("a",{href:e.xing,className:"exhibitor-meta__social",onClick:()=>u(d.ClickXing),target:"_blank",rel:"noopener noreferrer",children:i("i",{className:"icon-xing"})}),i("a",{href:e.youtube,className:"exhibitor-meta__social",onClick:()=>u(d.ClickYoutube),target:"_blank",rel:"noopener noreferrer",children:i("i",{className:"icon-youtube"})})]})]}),F()]}),r.kiosk&&y&&i(me,{className:k("exhibitor__show-more",{"is-sticky":p}),expanded:p,onClick:()=>A(t=>!t)})]})]})});function V(){const e={title:o.exhibitor.name,url:window.location.href};re&&typeof navigator.canShare=="function"&&navigator.canShare(e)?navigator.share(e):a.toggleModal("share")}function H(e){a.clickCategory(e)}function P(e){if(r.kiosk)return e.preventDefault();e.target.blur();const c=o.sendLinkEmail;if(!window.confirm(h("Send login instructions to {{email}} to edit profile?",{email:c}))||C.EXPO==="expo")return;const m=new XMLHttpRequest;m.open("POST",f.sendLoginLinkUrl),m.setRequestHeader("Content-Type","application/json");function b(){alert(h("Error sending login instructions"))}m.onload=function(){if(this.status!==200){b();return}alert(h("A link to edit profile was sent to {{email}}",{email:c}))},m.onerror=function(g){te.error("Error",g),b()},m.send(JSON.stringify({id:o.exhibitor.id}))}function j(){o.exhibitor.bookmarked=!o.exhibitor.bookmarked,r.onBookmarkClick&&r.onBookmarkClick({name:o.exhibitor.name,bookmarked:o.exhibitor.bookmarked,externalId:o.exhibitor.externalId}),o.exhibitor.bookmarked&&oe("bookmark",o.exhibitor.id,"exhibitor")}function q(){o.exhibitor.visited=!o.exhibitor.visited,r.onVisitedClick&&r.onVisitedClick({name:o.exhibitor.name,visited:o.exhibitor.visited,externalId:o.exhibitor.externalId})}});export default()=>E(()=>i(N,{children:!r.menu&&r.selectedExhibitor?i(ke,{}):null}));
+import{Fragment as v,jsx as i,jsxs as n}from"react/jsx-runtime";import"./Exhibitor.scss";import{Button as E}from"@expofp/ui";import k from"classnames";import{observer as Q,useLocalStore as Z,useObserver as R}from"mobx-react-lite";import ee,{Suspense as L,useEffect as D,useRef as T,useState as I}from"react";import{Transition as ie}from"react-transition-group";import{ResizeObserver as te}from"resize-observer";import f from"../data";import a,{uiState as r}from"../store";import{RegularBooth as oe}from"../store/BoothStore";import{GaEventActions as d,sendEventToGa as O}from"../tools/gtag";import re from"../tools/logger";import N from"../tools/settings";import ne from"../tools/track-event";import{t as h}from"../utils/i18n";import ae from"../utils/is-mobile";import{useReaction as se}from"../utils/mobx";import le from"../utils/useHeatmapOverlay";import ce from"./AlertContainer";import de from"./DownloadListContainer";import G from"./ErrorBoundary";import he from"./RebookingNotesContainer";import me from"./RebookingRadioGroupContainer";import ue from"./Schedule";import be from"./ShowMoreButtonContainer";import ke from"./SidebarActionsContainer";import{getDescription as fe}from"./utils/getDescription";const U=ee.lazy(()=>import("./GalleryContainer")),ge=Q(function(){const o=Z(()=>({collapsed:!0,get exhibitor(){return r.selectedExhibitor},get websiteTrimmed(){return this.exhibitor.website?this.exhibitor.website.replace(/^(http(s?):\/\/)([^/]+)(\/)?$/i,"$3"):""},get anySocial(){return r.kiosk?!1:!!["facebook","instagram","linkedin","twitter","googlePlus","xing","youtube"].find(e=>this.exhibitor[e])},get anyAddress(){return!!["address","address2","phone1","website","email"].find(e=>this.exhibitor[e])},get anyMedia(){return!!this.exhibitor.videoUrl||!!(this.exhibitor.gallery&&this.exhibitor.gallery.length)},get anyButtons(){return!!(this.exhibitor.customButtonTitle||this.exhibitor.customButton2Title||this.exhibitor.customButton3Title)},get disableCollapse(){return!this.anySocial&&!this.anyAddress&&!this.anyMedia&&!this.anyButtons||r.overlayPosition==="left"&&(this.exhibitor.description||"").length<800},get showEdit(){return!!(f.sendLoginLinkUrl&&this.sendLinkEmail)},get sendLinkEmail(){return this.exhibitor.privateEmail||this.exhibitor.email}})),{heatmapBar:z}=le(o.exhibitor),[C,A]=I(!1),[p,y]=I(!1),S=T(null);D(()=>()=>{a.exhibitorStore.rebookingStateChangeRequested=!1},[]);const M=o.exhibitor;D(()=>{const e=S.current;if(!e)return;const c=new te(()=>A(e.scrollHeight>300));return c.observe(e),()=>c.disconnect()},[M]),se(()=>o.exhibitor,()=>{o.collapsed=!0,y(!1)});function x(e,c){if(u(c),r.kiosk)return e.preventDefault()}function V(e,c,m){O(d.ClickCustomButton,o.exhibitor.name);const b={externalId:o.exhibitor.externalId,buttonNumber:e,buttonUrl:c,preventDefault:m.preventDefault.bind(m)};r.onExhibitorCustomButtonClick&&r.onExhibitorCustomButtonClick(b)}function u(e){O(e,o.exhibitor.name)}const w=T(null),P={entering:{opacity:1},entered:{opacity:1},exiting:{opacity:0},exited:{opacity:0}},B=150;return R(()=>{const e=o.exhibitor,c=f.isRebooking?(()=>{const t=new Set;for(const l of e.booths)l instanceof oe&&l.size&&t.add(l.size);const s=Array.from(t);return n("div",{children:[s.length>0&&i("div",{className:"booth__infos",style:{padding:"0 15px",marginBottom:"1rem"},children:n("div",{className:"booth__info",children:[i("div",{className:"booth__info-icon",children:i("i",{className:"icon-size"})}),n("div",{className:"booth__info-body",children:[i("div",{className:"booth__info-title",children:h("Size")}),i("div",{className:"booth__info-val",children:s.join(", ")})]})]})}),i(me,{value:e.rebookingState.toString(),onChange:l=>a.exhibitorStore.setRebookingState(e,parseInt(l),e.rebookingNote)}),i(he,{value:e.rebookingNote||"",onSave:l=>a.exhibitorStore.setRebookingState(e,e.rebookingState,l)},e.id),i(ie,{in:a.exhibitorStore.rebookingStateChangeRequested,nodeRef:w,timeout:B,appear:!0,enter:!0,exit:!0,mountOnEnter:!0,unmountOnExit:!0,children:l=>i("div",{ref:w,style:{position:"fixed",bottom:"1rem",left:"1rem",zIndex:9999,transition:`opacity ${B}ms ease-in-out`,opacity:0,...P[l]},children:i(ce,{title:a.exhibitorStore.rebookingStateSaved?h("Changes saved"):h("Oops! Something went wrong"),variant:a.exhibitorStore.rebookingStateSaved?"success":"error",inline:!0,closable:!0,onClose:()=>{a.exhibitorStore.rebookingStateChangeRequested=!1}})})})]})})():null,m=k({exhibitor:!0,"is-featured":e.featured,bookmarked:e.bookmarked,[r.responsiveClass]:!0}),b=()=>{o.collapsed=!1};function g(t,s,l){return!t||!s||r.kiosk||r.previewMode?null:i("div",{className:"exhibitor-custom-button",children:i(E,{link:s,inline:!0,onClick:_=>{V(l,s,_)},target:"_blank",children:t})},l)}function X(){const s=[g(e.customButtonTitle,e.customButtonUrl,1),g(e.customButton2Title,e.customButton2Url,2),g(e.customButton3Title,e.customButton3Url,3)].filter(Boolean);return s.length===0?null:i("div",{className:"exhibitor-custom-buttons",children:s})}function K(){return!f.hideShareButton&&!r.kiosk&&window.location.host.endsWith(".expofp.com")&&N.EXPO!=="globalaltsmiami2024"}const W=()=>{a.routeStore.clickRoute(null,a.routeStore.tempToBooth||e.booths[0]),a.routeStore.currentRouteExhibitor=e},J=t=>/^\d+$/.test(t),Y=t=>f.shortLevelName?t.layer?.shortName:t.layer?.description;return n("div",{className:m,"aria-label":h("Details"),children:[n("div",{className:"exhibitor__header",children:[n("div",{className:"exhibitor__header-name",children:[i("div",{className:"exhibitor__header-icon",children:i("i",{className:"icon-exhibitor-solid"})}),i("span",{dir:"auto",children:e.name}),z]}),i("button",{type:"button",onClick:()=>a.searchStore.handleBackAction(),className:"exhibitor__header-close",children:i("i",{className:"icon-close"})})]}),c||n(v,{children:[i("div",{className:"exhibitor__buttons",children:!r.isGuidedToursActive&&i(ke,{showBookmark:!r.disableBookmarked&&!f.hideBookmarks&&!r.kiosk,showDirections:e.booths.length>0&&N.wayfinding,inBookmark:e.bookmarked,showShare:K(),showVisited:!r.kiosk,visited:e.visited,onClickBookmark:H,onClickShare:j,onClickDirections:W,onClickVisited:$})}),e.leadingImageUrl?i("div",{className:"exhibitor__leading-image-container exhibitor-slider",children:e.leadingImageLinkUrl?i("a",{href:e.leadingImageLinkUrl,target:"_blank",rel:"noopener noreferrer",children:i("img",{src:e.leadingImageUrl,className:"exhibitor__leading-image",alt:"",crossOrigin:"anonymous"})}):i(G,{children:i(L,{fallback:null,children:i(U,{className:r.responsiveClass,onOpenGallery:()=>a.openGallery(),onCloseGallery:()=>a.closeGallery(),leading:!0,images:[e.leadingImageUrl]})})})}):null,n("div",{className:k("exhibitor__details",{"details-hidden":r.kiosk&&C&&!p}),ref:S,children:[n("div",{className:k("exhibitor-categories",{"is-links-disabled":r.isGuidedToursActive}),children:[e.featured&&i("div",{className:"exhibitor-featured",children:h("Featured")}),e.booths.map(t=>{const s=Y(t),l=_=>{_.preventDefault(),a.toggleMapOverlay(),a.selectBooth(t)};return n("a",{href:`?${t.slug}`,onClick:l,className:"exhibitor-categories__booth",children:[i("div",{className:"exhibitor-categories__booth-name",children:t.name}),s&&n("div",{className:"exhibitor-categories__booth-level",children:[J(s)?h("Level")+" ":"",s]})]},t.id)}),e.categories.map(t=>i("a",{href:"?"+encodeURIComponent(t.slug),onClick:s=>{s.preventDefault(),q(t)},className:t.sponsorship?"exhibitor-categories__sponsorship":"exhibitor-categories__cat",children:t.name},t.id))]}),e.description||e.logo?.url?n("div",{className:k("exhibitor-description",{collapsed:o.collapsed&&!o.disableCollapse}),children:[e.logo?.url?i("div",{className:k("exhibitor-description__logo",{"exhibitor-description__logo--left":!e.description}),children:i("img",{src:e.logo.url,alt:e.name,crossOrigin:"anonymous"})}):null,e.description?i("span",{className:"exhibitor-description__content",dir:"auto",dangerouslySetInnerHTML:{__html:fe(e.description)},onClick:b}):null]}):null,(!!e.schedule?.length||!!e.booths[0]?.schedule.length)&&i(ue,{events:[...e.schedule||e.booths[0]?.schedule||[]].sort((t,s)=>new Date(t.startDate).getTime()-new Date(s.startDate).getTime())}),!r.kiosk&&e.videoUrl&&navigator.onLine&&i("div",{className:"exhibitor-video",children:i("iframe",{src:e.videoUrl,"data-allow":"encrypted-media; autoplay; fullscreen",title:h("Exhibitor Video"),allowFullScreen:!0})}),e.gallery&&i("div",{className:"exhibitor-slider",onClick:()=>u(d.ViewGallery),children:i(G,{children:i(L,{fallback:null,children:i(U,{className:r.responsiveClass,onOpenGallery:()=>a.openGallery(),onCloseGallery:()=>a.closeGallery(),images:e.gallery})})})}),!r.kiosk&&e.marketMaterials&&n(v,{children:[i("div",{className:"exhibitor-sep"}),i(de,{list:e.marketMaterials})]}),o.showEdit&&i("div",{className:"exhibitor-sep"}),!r.kiosk&&o.showEdit&&i("div",{className:"exhibitor-edit",children:i(E,{size:"sm",variant:"secondary",onClick:F,children:h("Edit")})}),o.anyAddress&&n("div",{className:"exhibitor-meta",children:[!!(e.address||e.address2)&&n("div",{className:"exhibitor-meta__item",children:[i("div",{className:"exhibitor-meta__icon",children:i("i",{className:"icon-marker-pin-solid"})}),n("div",{className:"exhibitor-meta__content",children:[e.address,!!e.address2&&i("div",{children:e.address2}),!!(e.city||e.state||e.zip)&&n("div",{children:[e.city,!!(e.city&&e.state)&&i("span",{children:" "}),e.state,!!(e.state&&e.zip)&&i("span",{children:"\xA0"})," ",e.zip]}),!!e.country&&i("div",{children:e.country})]})]}),!!e.phone1&&n("div",{className:"exhibitor-meta__item",children:[i("div",{className:"exhibitor-meta__icon",children:i("i",{className:"icon-phone-solid"})}),i("div",{className:"exhibitor-meta__content",children:i("a",{dir:"ltr",href:"tel:"+e.phone1,className:"exhibitor-meta__link",onClick:t=>x(t,d.ClickPhone),children:e.phone1})})]}),!!e.website&&n("div",{className:"exhibitor-meta__item",children:[i("div",{className:"exhibitor-meta__icon",children:i("i",{className:"icon-globe-solid"})}),i("div",{className:"exhibitor-meta__content",children:i("a",{href:e.website,target:"_blank",rel:"noopener noreferrer",className:"exhibitor-meta__link",onClick:t=>x(t,d.ClickWebsite),children:o.websiteTrimmed})})]}),!!e.email&&n("div",{className:"exhibitor-meta__item",children:[i("div",{className:"exhibitor-meta__icon",children:i("i",{className:"icon-mail-at-solid"})}),i("div",{className:"exhibitor-meta__content",children:i("a",{href:"mailto:"+e.email,target:"_blank",rel:"noopener noreferrer",className:"exhibitor-meta__link",onClick:t=>x(t,d.ClickEmail),children:e.email})})]}),o.anySocial&&n("div",{className:"exhibitor-meta__socials",children:[i("a",{href:e.facebook,className:"exhibitor-meta__social",onClick:()=>u(d.ClickFacebook),target:"_blank",rel:"noopener noreferrer",children:i("i",{className:"icon-facebook"})}),i("a",{href:e.instagram,className:"exhibitor-meta__social",onClick:()=>u(d.ClickInstagaram),target:"_blank",rel:"noopener noreferrer",children:i("i",{className:"icon-instagram"})}),i("a",{href:e.linkedin,className:"exhibitor-meta__social",onClick:()=>u(d.ClickLinkedin),target:"_blank",rel:"noopener noreferrer",children:i("i",{className:"icon-linkedin"})}),i("a",{href:e.twitter,className:"exhibitor-meta__social",onClick:()=>u(d.ClickTwitter),target:"_blank",rel:"noopener noreferrer",children:i("i",{className:"icon-twitter-x"})}),i("a",{href:e.xing,className:"exhibitor-meta__social",onClick:()=>u(d.ClickXing),target:"_blank",rel:"noopener noreferrer",children:i("i",{className:"icon-xing"})}),i("a",{href:e.youtube,className:"exhibitor-meta__social",onClick:()=>u(d.ClickYoutube),target:"_blank",rel:"noopener noreferrer",children:i("i",{className:"icon-youtube"})})]})]}),X()]}),r.kiosk&&C&&i(be,{className:k("exhibitor__show-more",{"is-sticky":p}),expanded:p,onClick:()=>y(t=>!t)})]})]})});function j(){const e={title:o.exhibitor.name,url:window.location.href};ae&&typeof navigator.canShare=="function"&&navigator.canShare(e)?navigator.share(e):a.toggleModal("share")}function q(e){a.clickCategory(e)}function F(e){if(r.kiosk)return e.preventDefault();e.target.blur();const c=o.sendLinkEmail;if(!window.confirm(h("Send login instructions to {{email}} to edit profile?",{email:c}))||N.EXPO==="expo")return;const m=new XMLHttpRequest;m.open("POST",f.sendLoginLinkUrl),m.setRequestHeader("Content-Type","application/json");function b(){alert(h("Error sending login instructions"))}m.onload=function(){if(this.status!==200){b();return}alert(h("A link to edit profile was sent to {{email}}",{email:c}))},m.onerror=function(g){re.error("Error",g),b()},m.send(JSON.stringify({id:o.exhibitor.id}))}function H(){o.exhibitor.bookmarked=!o.exhibitor.bookmarked,r.onBookmarkClick&&r.onBookmarkClick({name:o.exhibitor.name,bookmarked:o.exhibitor.bookmarked,externalId:o.exhibitor.externalId}),o.exhibitor.bookmarked&&ne("bookmark",o.exhibitor.id,"exhibitor")}function $(){o.exhibitor.visited=!o.exhibitor.visited,r.onVisitedClick&&r.onVisitedClick({name:o.exhibitor.name,visited:o.exhibitor.visited,externalId:o.exhibitor.externalId})}});export default()=>R(()=>i(v,{children:!r.menu&&r.selectedExhibitor?i(ge,{}):null}));

package/dist/esm/utils/loadLayerImages.d.ts

@@ -16,17 +16,17 @@ export interface LayerImage {
      */
     source: Blob;
     /**
-     * Placement on the plan: the image fitted into the element's box, rotated as the element is,
-     * at the element's `data-elev` (0 when missing).
+     * Placement on the plan: the element's box, rotated as the element is, at the element's
+     * `data-elev` (0 when missing).
      */
     bounds: Rect;
 }
 /**
  * Loads a layer's drawing images as bytes.
  *
- * The image is fitted into its element's box like SVG `xMidYMid meet`. The designer writes the
- * file's pixel size into the href query as `w` and `h`. An href without a valid size is measured
- * by decoding the image, and if that fails too, the image fills the box.
+ * The image fills its element's box, like SVG `preserveAspectRatio="none"`. That is what the
+ * Designer sets on every image, so the placement comes from the element alone and a raster image
+ * is never decoded here.
  *
  * Most of these hrefs are inline `data:image/webp;base64` URLs, not file references. The
  * converter embeds designer graphics directly in the drawing payload. In a real plan, the first

package/dist/esm/utils/loadLayerImages.js

@@ -1 +1 @@
-import{Box as s,degToRad as m,Rect as d}from"@expofp/geometry";import{blobImageSize as f}from"./blob-image-size.js";import{loadBlob as g}from"./loadBlob";import{isSvgBlob as w,svgToPngBlob as b}from"./rasterize-svg";export async function loadLayerImages(e){const t=new Map,n=r=>{let o=t.get(r);return o||(o=p(r),t.set(r,o)),o};return(await Promise.all(e.map(async r=>{const o=r.getAttribute("xlink:href")??r.getAttribute("href"),a=o?await n(o):null;if(!a)return null;const l=S(s.fromSvg(r),a.size),c=r.transform?.animVal[0]?.angle??0,h=parseFloat(r.dataset.elev??"")||0;return{bounds:d.fromMinMax(l.min,l.max,m(c),h),source:a.source,booth:null}}))).filter(r=>r!==null)}async function p(e){const t=await g(e);if(!t)return null;const n=w(t)?await b(t):t;return n?{source:n,size:y(e)??await f(n)}:null}function y(e){let t;try{({searchParams:t}=new URL(e))}catch{return null}const n=Number(t.get("w")),i=Number(t.get("h"));return u(n)&&u(i)?{width:n,height:i}:null}function u(e){return Number.isFinite(e)&&e>0}function S(e,t){if(!t?.width||!t.height||!e.size.width||!e.size.height)return e;const n=Math.min(e.size.width/t.width,e.size.height/t.height);return s.fromCenter(e.center,{x:t.width*n,y:t.height*n})}
+import{Box as u,degToRad as c,Rect as d}from"@expofp/geometry";import{loadBlob as f}from"./loadBlob";import{isSvgBlob as b,svgToPngBlob as m}from"./rasterize-svg";export async function loadLayerImages(r){const t=new Map,a=o=>{let n=t.get(o);return n||(n=g(o),t.set(o,n)),n};return(await Promise.all(r.map(async o=>{const n=o.getAttribute("xlink:href")??o.getAttribute("href"),l=n?await a(n):null;if(!l)return null;const e=u.fromSvg(o),s=o.transform?.animVal[0]?.angle??0,i=parseFloat(o.dataset.elev??"")||0;return{bounds:d.fromMinMax(e.min,e.max,c(s),i),source:l,booth:null}}))).filter(o=>o!==null)}async function g(r){const t=await f(r);return t?b(t)?m(t):t:null}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expofp/floorplan",
-  "version": "3.45.14",
+  "version": "3.45.16",
   "repository": {
     "type": "git",
     "url": "https://github.com/expofp/efp-app.git",
@@ -69,15 +69,15 @@
     "tslib": "^2.3.0",
     "uuid": "^9.0.1",
     "zod": "4.4.3",
-    "@expofp/config": "3.45.14",
-    "@expofp/debug": "3.45.14",
-    "@expofp/geometry": "3.45.14",
-    "@expofp/renderer": "3.45.14",
-    "@expofp/resolve": "3.45.14",
-    "@expofp/ui": "3.45.14",
-    "@expofp/utils": "3.45.14",
-    "@expofp/wayfinding": "3.45.14",
-    "@expofp/schema": "3.45.14"
+    "@expofp/config": "3.45.16",
+    "@expofp/debug": "3.45.16",
+    "@expofp/geometry": "3.45.16",
+    "@expofp/renderer": "3.45.16",
+    "@expofp/resolve": "3.45.16",
+    "@expofp/schema": "3.45.16",
+    "@expofp/ui": "3.45.16",
+    "@expofp/utils": "3.45.16",
+    "@expofp/wayfinding": "3.45.16"
   },
   "devDependencies": {
     "@babel/plugin-proposal-decorators": "^8.0.2",