@manifest-editor/exhibition-preset 2.1.0 → 2.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/index.cjs +3 -2
  2. package/dist/index.cjs.map +1 -0
  3. package/dist/index.css +0 -3
  4. package/dist/index.d.cts +81 -8
  5. package/dist/index.d.cts.map +1 -1
  6. package/dist/index.d.ts +81 -8
  7. package/dist/index.d.ts.map +1 -1
  8. package/dist/index.js +2 -2
  9. package/dist/index.js.map +1 -1
  10. package/package.json +22 -22
  11. package/dist/index.css.map +0 -1
package/dist/index.cjs CHANGED
@@ -1,2 +1,3 @@
1
- var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require(`@manifest-editor/manifest-preset`);c=s(c);let l=require(`@manifest-editor/shell`),u=require(`@manifest-editor/editors`),d=require(`react-iiif-vault`),f=require(`zustand`),p=require(`react/jsx-runtime`),m=require(`react`);m=s(m);let h=require(`@manifest-editor/components`),g=require(`exhibition-viewer`),_=require(`exhibition-viewer/library`),v=require(`react-aria-components`),y=require(`tailwind-merge`),b=require(`@manifest-editor/manifest-preset/components`),x=require(`@dnd-kit/core`),S=require(`@dnd-kit/modifiers`),C=require(`@dnd-kit/sortable`),w=require(`@dnd-kit/utilities`),T=require(`tiny-invariant`);T=s(T);let E=require(`@manifest-editor/creator-api`),D=require(`@manifest-editor/creators`),O=require(`@iiif/parser`),k=require(`@iiif/helpers`),A=require(`@iiif/parser/image-3`),j=require(`@iiif/helpers/vault/actions`);const M={id:`@exhibition/tour-step-annotations`,label:`Tour steps`,render:()=>(0,p.jsx)(ee,{})},N={border:`2px solid rgba(255, 255, 255, 0.3)`,":hover":{borderColor:`#4B67E1`,backgroundColor:`rgba(255, 255, 255, 0.2)`}};function ee(){let e=(0,d.useCanvas)(),t=(0,f.useStore)((0,l.useAtlasStore)(),e=>e.tool.enabled),{rightPanel:n}=(0,l.useLayoutState)(),r=n.current===`@manifest-editor/editor`&&n.state?.currentTab?.startsWith(`@exhibition/tour-steps`),i=e?.annotations[0];return!r||!e||t||!i?null:(0,p.jsx)(p.Fragment,{children:(0,p.jsx)(d.AnnotationPageContext,{annotationPage:i.id,children:(0,p.jsx)(u.ViewerAnnotationPage,{showAnnotationNumber:!0,style:N})})})}const te=`https://exhibitionviewer.org/iiif/theme-service`,P={en:[`Exhibition viewer theme`]},F={fontSans:`"Tahoma", "Fira Sans", sans-serif`,fontMono:`"Fira Mono", monospace`,titleTransform:`uppercase`},I={backgroundPrimary:`#e5e7eb`,backgroundSecondary:`#fff`,backgroundOverlay:`rgba(0, 0, 0, 0.3)`,textPrimary:`#fff`,textSecondary:`#000`,imageCaption:`#fff`,annotationSelected:`#facc15`,controlBar:`#6d6e70`,controlBarBorder:`#5a5b5d`,controlHover:`rgba(0, 0, 0, 0.1)`,progressBar:`#fff`,closeBackground:`#000`,closeBackgroundHover:`#373737`,closeText:`#fff`,titleCard:`#facc15`,titleCardText:`#000`,infoBlock:`#000`,infoBlockText:`#fff`,viewerBackground:`#373737`},ne={...I,backgroundPrimary:`#fff`,backgroundSecondary:`#fff`,textPrimary:`#000`,textSecondary:`#000`,imageCaption:`#000`,annotationSelected:`#303f9f`,controlBar:`#f9f9f9`,controlBarBorder:`#000`,closeBackground:`#fff`,closeBackgroundHover:`#eee`,closeText:`#000`,progressBar:`#000000`,titleCard:`#fff`,titleCardText:`#000`,infoBlock:`#fff`,infoBlockText:`#000`,viewerBackground:`#e9e9e9`},L={titleBackground:`#fff`,titleColor:`#444`,annotationBackground:`#fff`,annotationColor:`#333`,annotationRadius:`0px`,annotationMaxWidth:`30em`,infoBlockBackground:`#fff`,infoBlockColor:`#444`},R={cutCorners:!0,fullTitleBar:!0,fullWidthGrid:!1,hideTableOfContents:!1,disablePresentation:!1,hideTitle:!1,hideTitleCard:!1,alternativeImageMode:!0,transitionScale:!1,imageInfoIcon:!1,coverImages:!1},z={cutCorners:!1,isFloating:!1,floatingPosition:`bottom-left`},re={alternativeImageMode:!0,transitionScale:!1,imageInfoIcon:!1,coverImages:!1},B={version:1,preset:`delft`,shared:F,delft:{tokens:I,exhibition:R,presentation:z,slideshow:re},scroll:{tokens:L,options:{showTableOfContents:!1,titleBlock:{fullHeight:!0}}}},ie={delft:B,minimal:{...B,preset:`minimal`,shared:{...F,titleTransform:`none`},delft:{...B.delft,tokens:ne}},gallery:{version:1,preset:`gallery`,shared:{fontSans:`"Gill Sans", "Trebuchet MS", sans-serif`,fontMono:`"Courier Prime", "Courier New", monospace`,titleTransform:`capitalize`},delft:{tokens:{...I,backgroundPrimary:`#f3ecdf`,backgroundSecondary:`#fff8ee`,backgroundOverlay:`rgba(20, 26, 32, 0.45)`,textPrimary:`#fff8ee`,textSecondary:`#2b2118`,imageCaption:`#f8efe1`,annotationSelected:`#f08c2e`,controlBar:`#1f3a5f`,controlBarBorder:`#162b47`,controlHover:`rgba(255, 255, 255, 0.14)`,progressBar:`#f4a261`,closeBackground:`#1f3a5f`,closeBackgroundHover:`#335c8a`,closeText:`#fff8ee`,titleCard:`#c7522a`,titleCardText:`#fff8ee`,infoBlock:`#22313f`,infoBlockText:`#f8efe1`,viewerBackground:`#30414d`},exhibition:{...R,cutCorners:!1,fullTitleBar:!0,fullWidthGrid:!0,alternativeImageMode:!1,transitionScale:!0,imageInfoIcon:!0,coverImages:!0},presentation:{...z,isFloating:!0,floatingPosition:`bottom-right`},slideshow:{...re,alternativeImageMode:!1,transitionScale:!0,imageInfoIcon:!0,coverImages:!0}},scroll:{tokens:{...L,titleBackground:`#f8efe1`,titleColor:`#2a2119`,annotationBackground:`#22313f`,annotationColor:`#f8efe1`,annotationRadius:`18px`,annotationMaxWidth:`34em`,infoBlockBackground:`#fff8ee`,infoBlockColor:`#2a2119`},options:{showTableOfContents:!0,titleBlock:{fullHeight:!1}}}}};function ae(e){return JSON.parse(JSON.stringify(e))}function oe(e){return!!e&&typeof e==`object`&&!Array.isArray(e)}function se(e,t){if(!t)return ae(e);let n=ae(e);for(let[e,r]of Object.entries(t)){if(r===void 0)continue;let t=n[e];if(oe(t)&&oe(r)){n[e]=se(t,r);continue}n[e]=r}return n}function ce(e){return typeof e==`string`&&e in ie}function le(e=`delft`){return ae(ie[e]||B)}function ue(e){let t=ce(e?.preset)?e.preset:`delft`,n=se(le(t),e||{});return n.version=1,n.preset=t,n}function de(e){return`${e}#exhibition-viewer-theme`}function fe(e,t){return{id:de(e),type:`Service`,profile:te,label:P,theme:ue(t)}}function pe(e){if(!e?.length)return null;let t=e.findIndex(e=>e?.profile===te||e?.theme);return t===-1?null:{index:t,service:e[t]}}function me(e){return pe(e)?.service?.theme}function he(e,t){let n=[...e||[]],r=pe(n);return r?t?(n[r.index]=t,n):(n.splice(r.index,1),n):(t&&n.push(t),n)}function ge(e){return{"--f-font":e.shared.fontSans,"--f-mono-font":e.shared.fontMono,"--delft-title-transform":e.shared.titleTransform,"--delft-bg-primary":e.delft.tokens.backgroundPrimary,"--delft-bg-secondary":e.delft.tokens.backgroundSecondary,"--delft-bg-overlay":e.delft.tokens.backgroundOverlay,"--delft-text-primary":e.delft.tokens.textPrimary,"--delft-text-secondary":e.delft.tokens.textSecondary,"--delft-image-caption":e.delft.tokens.imageCaption,"--delft-annotation-selected":e.delft.tokens.annotationSelected,"--delft-control-bar":e.delft.tokens.controlBar,"--delft-control-bar-border":e.delft.tokens.controlBarBorder,"--delft-control-hover":e.delft.tokens.controlHover,"--delft-progress-bar":e.delft.tokens.progressBar,"--delft-close-background":e.delft.tokens.closeBackground,"--delft-close-background-hover":e.delft.tokens.closeBackgroundHover,"--delft-close-text":e.delft.tokens.closeText,"--delft-title-card":e.delft.tokens.titleCard,"--delft-title-card-text":e.delft.tokens.titleCardText,"--delft-info-block":e.delft.tokens.infoBlock,"--delft-info-block-text":e.delft.tokens.infoBlockText,"--delft-viewer-background":e.delft.tokens.viewerBackground,"--exv-scroll-title-background":e.scroll.tokens.titleBackground,"--exv-scroll-title-color":e.scroll.tokens.titleColor,"--exv-scroll-annotation-background":e.scroll.tokens.annotationBackground,"--exv-scroll-annotation-color":e.scroll.tokens.annotationColor,"--exv-scroll-annotation-radius":e.scroll.tokens.annotationRadius,"--exv-scroll-annotation-max-width":e.scroll.tokens.annotationMaxWidth,"--exv-scroll-info-block-background":e.scroll.tokens.infoBlockBackground,"--exv-scroll-info-block-color":e.scroll.tokens.infoBlockColor}}const _e={id:`@exhibitions/center-panel`,label:`Exhibition editor`,icon:null,render:()=>(0,p.jsx)(ve,{}),options:{minWidth:350,maxWidth:350}};function ve(){let e=(0,d.useManifest)(),t=(0,d.useVault)(),[n,r]=(0,m.useState)(.8),i=(0,m.useRef)(null),{edit:a,leftPanel:o}=(0,l.useLayoutActions)(),s=(0,m.useMemo)(()=>e?ue(me(e.service||e.services)):null,[e]),c=(0,m.useMemo)(()=>({localeStringEditor:e=>(0,p.jsxs)(`span`,{className:`inline-flex items-center hover:ring-4 hover:ring-me-primary-500`,children:[e.original,(0,p.jsx)(v.Button,{className:`py-1 px-2 inline-block`,onPress:()=>a(e.resource),children:(0,p.jsx)(h.EditTextIcon,{className:`text-xl`})})]}),canvasPreviewEditor:e=>(0,p.jsxs)(`div`,{className:`w-full h-full flex-1 flex relative`,children:[e.original,(0,p.jsx)(`button`,{onClick:t=>{t.preventDefault(),t.stopPropagation(),a(e.resource),o.open({id:`canvas-listing`})},className:`absolute top-5 right-5 bg-white text-black p-2 rounded z-40`,children:`EDIT`})]})}),[]);return(0,m.useEffect)(()=>{for(let n of e?.items||[]){let e=t.get(n);e&&!Array.isArray(e.items)&&t.modifyEntityField(e,`items`,[]);for(let n of[...e?.items||[],...e?.annotations||[]]){let e=t.get(n);e&&!Array.isArray(e.items)&&t.modifyEntityField(e,`items`,[])}}},[e,t]),(0,m.useLayoutEffect)(()=>{if(i.current){let e=i.current.offsetWidth/1200;r(Math.max(1,e))}},[]),e?(0,p.jsx)(`div`,{ref:i,className:`overflow-y-auto delft-exhibition exhibition-viewer`,style:s?ge(s):void 0,children:(0,p.jsx)(_.EditorHooksProvider,{hooks:c,children:(0,p.jsx)(g.DelftExhibition,{skipLoadManifest:!0,customVault:t,manifest:e.id,options:{...s?.delft.exhibition||{},disablePresentation:!0,hideTableOfContents:!0,hideTitle:!0}},n)})}):null}function ye(e,t){let n=new URLSearchParams;switch(xe(n,`manifest`,t.manifest),xe(n,`canvas`,t.canvas),e){case`delft`:case`exhibition`:{let e=t;V(n,`cut-corners`,e.cutCorners),V(n,`full-title-bar`,e.fullTitleBar);break}case`minimal`:{let e=t;n.set(`minimal`,`true`),V(n,`cut-corners`,e.cutCorners),V(n,`full-title-bar`,e.fullTitleBar);break}case`presentation`:{let e=t;n.set(`type`,`presentation`),V(n,`cut-corners`,e.cutCorners),V(n,`floating`,e.floating??e.isFloating),xe(n,`floating-position`,e.floatingPosition);break}case`scroll`:{let e=t;n.set(`type`,`scroll`),Se(n,`minimal`,e.minimal),Se(n,`manifest-editor-preview`,e.manifestEditorPreview),xe(n,`manifest-editor-preview-origin`,e.manifestEditorPreviewOrigin);break}case`slideshow`:{let e=t;n.set(`type`,`slideshow`),Se(n,`minimal`,e.minimal),V(n,`floating`,e.floating),xe(n,`floating-position`,e.floatingPosition);break}}return n}function be(e,t){let n=ye(e,t||{}),r=window.localStorage.getItem(`exhibition-viewer-preview-url`)||process.env.NEXT_PUBLIC_EXHIBITION_VIEWER_URL||(window.location.hostname===`localhost`||window.location.hostname===`127.0.0.1`?`http://localhost:5174/preview/${e}?${n?.toString()}`:`https://preview.exhibitionviewer.org/preview/${e}?${n?.toString()}`),i=new URL(r);return i.searchParams.set(`manifest-editor-preview`,`true`),i.searchParams.set(`manifest-editor-preview-origin`,window.location.origin),i}function xe(e,t,n){n&&e.set(t,n)}function V(e,t,n){typeof n==`boolean`&&e.set(t,String(n))}function Se(e,t,n){n&&e.set(t,`true`)}const Ce=`manifest-editor:iframe-preview:connect`,we=`manifest-editor:iframe-preview:ready`,Te=`manifest-editor:iframe-preview:selection`,Ee=1024,De=440,Oe=.5;function ke({preset:e,presetOptions:t,focusSelectedCanvas:n=!0}){let r=(0,d.useVault)(),i=(0,l.useAppResource)(),a=(0,d.useManifest)(),o=(0,u.useInStack)(`Canvas`),s=(0,m.useRef)(null),c=(0,m.useRef)(null),f=(0,m.useRef)(null),h=(0,m.useRef)(i),g=(0,m.useRef)(null),[_,v]=(0,m.useState)(`waiting`),[b,x]=(0,m.useState)(0),[S,C]=(0,m.useState)(!1),[w,T]=(0,m.useState)(!1),E=n&&(o?.resource.source.id||a?.items?.[0]?.id)||null,D=(0,m.useMemo)(()=>be(e,t).toString(),[e,t]),O=(0,m.useMemo)(()=>new URL(D).origin,[D]),k=S?Oe:1,A=w?440:b?Math.round(b/k):0,j=A>0&&A<=Ee;h.current=i,g.current=E;let M=(0,m.useCallback)(()=>{let e=s.current;if(!e?.contentWindow)return;f.current?.(),v(`waiting`);let t=new MessageChannel;f.current=(0,l.createIframeVaultBridge)(r,t.port1);try{e.contentWindow.postMessage({_type:`manifest-editor:iframe-preview:connect`,resource:h.current,canvasId:g.current},O,[t.port2]),v(`connected`)}catch{f.current?.(),f.current=null,v(`error`)}},[O,r]);(0,m.useEffect)(()=>{function e(e){e.origin===O&&e.source===s.current?.contentWindow&&e.data?._type===`manifest-editor:iframe-preview:ready`&&M()}return window.addEventListener(`message`,e),()=>{window.removeEventListener(`message`,e),f.current?.(),f.current=null}},[M,O]),(0,m.useEffect)(()=>{let e=s.current?.contentWindow;!e||_!==`connected`||e.postMessage({_type:`manifest-editor:iframe-preview:selection`,resource:i,canvasId:E},O)},[_,i.id,i.type,E,O]),(0,m.useEffect)(()=>{let e=c.current;if(!e)return;let t=()=>{x(e.getBoundingClientRect().width)};t();let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[]),(0,m.useEffect)(()=>{if(b){if(b>Ee){C(!1);return}T(!1)}},[b]);let N=(0,m.useCallback)(e=>{C(e),e&&T(!1)},[]),ee=(0,m.useCallback)(e=>{T(e),e&&C(!1)},[]);return(0,p.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col bg-zinc-950`,children:[_===`connected`?null:(0,p.jsx)(`div`,{className:`border-b border-zinc-800 bg-zinc-900 px-3 py-2 text-sm text-zinc-300`,children:_===`error`?`Preview connection failed.`:`Connecting to local exhibition viewer...`}),(0,p.jsx)(Ae,{iframeViewportWidth:A,isMobileViewport:j,showScaleOption:b>0&&b<=Ee,showMobileWidthOption:b>Ee,useScaledPreview:S,useMobileWidthPreview:w,onUseScaledPreviewChange:N,onUseMobileWidthPreviewChange:ee}),(0,p.jsx)(`div`,{ref:c,className:(0,y.twMerge)(`flex min-h-0 flex-1 overflow-hidden bg-white`,S?`justify-start`:`justify-center`),children:(0,p.jsx)(`iframe`,{ref:s,src:D,title:`Exhibition preview`,className:(0,y.twMerge)(`block h-full shrink-0 border-0 bg-white`,w?`shadow-2xl shadow-black/40`:``),style:{width:w?440:S?`${100/Oe}%`:`100%`,maxWidth:w?`100%`:void 0,height:S?`${100/Oe}%`:`100%`,transform:S?`scale(${Oe})`:void 0,transformOrigin:`top left`},onLoad:()=>v(`waiting`)})})]})}function Ae({iframeViewportWidth:e,isMobileViewport:t,showScaleOption:n,showMobileWidthOption:r,useScaledPreview:i,useMobileWidthPreview:a,onUseScaledPreviewChange:o,onUseMobileWidthPreviewChange:s}){return e?(0,p.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-b border-zinc-800/80 bg-zinc-900 px-3 py-2 text-xs text-zinc-200`,children:[(0,p.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,p.jsx)(`span`,{className:(0,y.twMerge)(`shrink-0 rounded-full px-2 py-1 font-semibold ring-1 ring-inset`,t?`bg-amber-300/90 text-amber-950 ring-amber-200/50`:`bg-emerald-300/90 text-emerald-950 ring-emerald-200/50`),children:t?`Mobile view`:`Desktop view`}),(0,p.jsxs)(`span`,{className:`truncate text-zinc-400`,children:[`Iframe viewport: `,e,`px. Mobile starts at`,` `,Ee,`px and below.`]})]}),n?(0,p.jsx)(je,{label:`50% scale`,checked:i,onChange:o}):null,r?(0,p.jsx)(je,{label:`Mobile width`,checked:a,onChange:s}):null]}):null}function je({label:e,checked:t,onChange:n}){return(0,p.jsxs)(`label`,{className:`flex shrink-0 cursor-pointer items-center gap-2 rounded-md border border-zinc-800 bg-zinc-950/70 px-2.5 py-1.5 font-semibold text-zinc-200 shadow-sm shadow-black/20 transition-colors hover:border-zinc-700 hover:bg-zinc-950`,children:[(0,p.jsx)(`span`,{children:e}),(0,p.jsx)(`input`,{type:`checkbox`,className:`peer sr-only`,checked:t,onChange:e=>n(e.currentTarget.checked)}),(0,p.jsx)(`span`,{className:`relative h-5 w-9 rounded-full bg-zinc-700/80 transition-colors after:absolute after:left-0.5 after:top-0.5 after:h-4 after:w-4 after:rounded-full after:bg-zinc-100 after:shadow after:shadow-black/20 after:transition-transform peer-checked:bg-me-primary-500 peer-checked:after:translate-x-4`})]})}const Me=`@exhibitions/remote-preview-panel`,Ne=`exhibition`,Pe=`exhibition-preview-preset`,Fe=[{value:`exhibition`,label:`Full page`},{value:`scroll`,label:`Scroll`},{value:`slideshow`,label:`Slideshow`}];function Ie(){let[e,t]=(0,l.useLocalStorage)(`exhibition-preview-preset`,Ne),{centerPanel:n}=(0,l.useLayoutState)(),{centerPanel:r}=(0,l.useLayoutActions)();return[e||Ne,(0,m.useCallback)(e=>{t(e),n.current===Me&&r.open({id:Me,state:{preset:e}})},[n.current,r,t])]}function Le(e){return(0,p.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,fill:`currentColor`,...e,children:[(0,p.jsx)(`title`,{children:`Preview`}),(0,p.jsx)(`path`,{d:`M12 5c5 0 9.27 3.11 11 7-1.73 3.89-6 7-11 7s-9.27-3.11-11-7c1.73-3.89 6-7 11-7Zm0 2c-3.72 0-7.04 2.01-8.74 5C4.96 14.99 8.28 17 12 17s7.04-2.01 8.74-5C19.04 9.01 15.72 7 12 7Zm0 2.5A2.5 2.5 0 1 1 12 14a2.5 2.5 0 0 1 0-5Z`})]})}const Re=Ne,ze={id:Me,label:`Exhibition preview`,icon:(0,p.jsx)(Le,{}),defaultState:{},render:e=>(0,p.jsx)(Be,{state:e}),options:{minWidth:350}};function Be({state:e}){let[t]=Ie();return(0,p.jsx)(ke,{preset:e.preset||t||Re,focusSelectedCanvas:!1})}function Ve({children:e}){let t=(0,d.useManifest)(),{edit:n}=(0,l.useLayoutActions)();return(0,p.jsxs)(`div`,{className:`grid auto-rows-auto grid-cols-12 content-center justify-center gap-2 p-2`,children:[(0,p.jsx)(`div`,{className:`col-span-12 row-span-2 text-black flex flex-col items-center justify-center`,children:(0,p.jsx)(v.Button,{onPress:()=>t&&n(t),className:`col-span-4 row-span-4 text-md text-left text-black hover:bg-slate-100 w-full flex items-center justify-center`,children:(0,p.jsx)(d.LocaleString,{className:`block w-full text-left`,children:t?.label})})}),e]})}const He={"h-1":`lg:min-h-[100px] row-span-1`,"h-2":`lg:min-h-[200px] row-span-2`,"h-3":`lg:min-h-[300px] row-span-3`,"h-4":`lg:min-h-[400px] row-span-4`,"h-5":`lg:min-h-[500px] row-span-5`,"h-6":`lg:min-h-[600px] row-span-6`,"h-7":`lg:min-h-[700px] row-span-7`,"h-8":`lg:min-h-[800px] row-span-8`,"h-9":`lg:min-h-[900px] row-span-9`,"h-10":`lg:min-h-[1000px] row-span-10`,"h-11":`lg:min-h-[1100px] row-span-11`,"h-12":`lg:min-h-[1200px] row-span-12`},Ue={"h-1":`lg:min-h-[25px] row-span-1`,"h-2":`lg:min-h-[50px] row-span-2`,"h-3":`lg:min-h-[75px] row-span-3`,"h-4":`lg:min-h-[100px] row-span-4`,"h-5":`lg:min-h-[125px] row-span-5`,"h-6":`lg:min-h-[150px] row-span-6`,"h-7":`lg:min-h-[175px] row-span-7`,"h-8":`lg:min-h-[200px] row-span-8`,"h-9":`lg:min-h-[225px] row-span-9`,"h-10":`lg:min-h-[250px] row-span-10`,"h-11":`lg:min-h-[275px] row-span-11`,"h-12":`lg:min-h-[300px] row-span-12`},We={"w-1":`col-span-1`,"w-2":`col-span-2`,"w-3":`col-span-3`,"w-4":`col-span-4`,"w-5":`col-span-5`,"w-6":`col-span-6`,"w-7":`col-span-7`,"w-8":`col-span-8`,"w-9":`col-span-9`,"w-10":`col-span-10`,"w-11":`col-span-11`,"w-12":`col-span-12`};function Ge(e){let{isLeft:t,isRight:n,isBottom:r}=qe(e),i=e?.find(e=>e.includes(`h-`)),a=e?.find(e=>e.includes(`w-`));if(!i||!a)return{h:0,w:0,ratio:1};let o={h:Number.parseInt(i.split(`-`)[1]),w:Number.parseInt(a.split(`-`)[1]),ratio:1};return(t||n)&&(o.w*=2/3),r&&(o.h*=2/3),o.h&&o.w&&(o.ratio=o.w/o.h),o}function Ke(e,t=!1,n=!0){(!e||e.length===0)&&(e=[`h-8`,`w-8`,`image`]);let r=e.find(e=>e.includes(`h-`)),i=e.find(e=>e.includes(`w-`)),a=[];return t&&r===`h-4`&&(r=`h-8`),a.push(n?Ue[r]:He[r]),a.push(We[i]),a.join(` `)}function qe(e){let t=e?.includes(`right`),n=e?.includes(`left`),r=e?.includes(`bottom`),i=e?.includes(`top`),a=e?.includes(`image`)||!n&&!t&&!r&&!i;return{isRight:t,isLeft:n,isBottom:r,isTop:i,isInfo:e?.includes(`info`),isImage:a}}function H(e,t){return t.get(e)?.type===`Canvas`}function Je(e,t){let n=e.source?.id,r=e.source?.type;if(!n||!r)return!1;try{return(t.get({id:n,type:r})?.behavior||[]).includes(`info`)}catch{return!1}}function Ye(e,t){let n=e.source?.id,r=e.source?.type;if(!n||!r)return!1;try{let e=t.get({id:n,type:r}),i=Array.isArray(e?.items)?e.items:[];for(let e of i){let n=t.get(e,{skipSelfReturn:!1}),r=Array.isArray(n?.items)?n.items:[];for(let e of r){let n=t.get(e,{skipSelfReturn:!1}),r=Array.isArray(n?.body)?n.body[0]:n?.body,i=r?.id&&t.get(r,{skipSelfReturn:!1})||r,a=i?.type===`SpecificResource`?i.source:i,o=Array.isArray(a?.service)?a.service:a?.service?[a.service]:[];if(a?.type===`Video`||o.some(e=>e?.profile===`https://www.youtube.com`))return!0}}}catch{return!1}return!1}function Xe(e){if(!e)return!1;let t=e.behavior||[];if(t.includes(`image`)||t.includes(`info`))return!0;for(let e of t)if(e.startsWith(`w-`)||e.startsWith(`h-`))return!0;return!1}const U=(0,f.create)(e=>({selectedAnnotationId:null,repositioningAnnotationId:null,selectedTextRegion:null,repositioningTextRegion:null,selectedTourStepId:null,repositioningTourStepId:null,selectAnnotation:t=>e({selectedAnnotationId:t,repositioningAnnotationId:null,selectedTextRegion:null,repositioningTextRegion:null}),startRepositioning:t=>e({selectedAnnotationId:t,repositioningAnnotationId:t,selectedTextRegion:null,repositioningTextRegion:null}),stopRepositioning:()=>e({repositioningAnnotationId:null}),selectTextRegion:t=>e({selectedAnnotationId:null,repositioningAnnotationId:null,selectedTextRegion:t,repositioningTextRegion:null}),startTextRepositioning:t=>e({selectedAnnotationId:null,repositioningAnnotationId:null,selectedTextRegion:t,repositioningTextRegion:t}),stopTextRepositioning:()=>e({repositioningTextRegion:null}),selectTourStep:t=>e({selectedTourStepId:t,repositioningTourStepId:null}),startTourStepRepositioning:t=>e({selectedTourStepId:t,repositioningTourStepId:t}),stopTourStepRepositioning:()=>e({repositioningTourStepId:null}),clear:()=>e({selectedAnnotationId:null,repositioningAnnotationId:null,selectedTextRegion:null,repositioningTextRegion:null,selectedTourStepId:null,repositioningTourStepId:null})})),W=(0,f.create)(e=>({requestedTab:null,showTourSteps:!1,centerPanelMode:`preview`,requestTab:t=>e({requestedTab:t}),clearRequestedTab:()=>e({requestedTab:null}),setShowTourSteps:t=>e({showTourSteps:t}),setCenterPanelMode:t=>e({centerPanelMode:t})}));function Ze(e){let t=Number(e?.width)||1920,n=Number(e?.height)||1080,r=ct(e);return r.content?r.content:{x:Math.round(t*.1),y:Math.round(n*.1),width:Math.round(t*.8),height:Math.round(n*.8)}}function Qe(e,t){return{type:`SpecificResource`,source:{id:e.id,type:`Canvas`},selector:{type:`FragmentSelector`,value:`xywh=${Math.round(t.x)},${Math.round(t.y)},${Math.round(t.width)},${Math.round(t.height)}`}}}function $e(e){return Qe(e,Ze(e))}function G(e,t){return nt(e,t?.items||[]).filter(e=>(Array.isArray(e?.motivation)?e.motivation:[e?.motivation]).includes(`painting`))}function et(e,t){return nt(e,t?.annotations||[])}function tt(e,t){return!t||(Array.isArray(t?.behavior)?t.behavior:[]).includes(`info`)?!1:!G(e,t).some(t=>{let n=ut(e,t);return!!(gt(n)||_t(n))})}function nt(e,t){let n=[];for(let r of t){let t=e.get(r,{skipSelfReturn:!1});for(let r of t?.items||[]){let t=e.get(r,{skipSelfReturn:!1});t&&n.push(t)}}return n}function rt(e,t){return G(e,t).map(n=>{let r=ut(e,n);return{annotation:n,box:it(n,t),html:mt(r),imageUrl:pt(e,r),videoUrl:gt(r),youtubeId:_t(r)}})}function it(e,t){let n=Number(t?.width)||1920,r=Number(t?.height)||1080,i=e?.target;if(typeof i==`string`&&i.includes(`#xywh=`)){let e=dt(i.split(`#xywh=`)[1]);if(e)return e}let a=i?.selector,o=Array.isArray(a)?a.find(e=>e?.spatial||e?.points):a;if(o?.spatial)return o.spatial;if(Array.isArray(o?.points)){let e=o.points.filter(e=>Array.isArray(e)&&Number.isFinite(e[0])&&Number.isFinite(e[1]));if(e.length){let t=e.map(e=>e[0]),n=e.map(e=>e[1]),r=Math.min(...t),i=Math.min(...n);return{x:r,y:i,width:Math.max(1,Math.max(...t)-r),height:Math.max(1,Math.max(...n)-i)}}}let s=Array.isArray(a)?a.find(e=>e?.value?.startsWith?.(`xywh=`))?.value:a?.value;if(typeof s==`string`&&s.includes(`xywh=`)){let e=dt(s.split(`xywh=`)[1]);if(e)return e}return{x:0,y:0,width:n,height:r}}function at(e,t,n,r){e.modifyEntityField({id:n,type:`Annotation`},`target`,Qe(t,lt(t,r)))}function ot(e,t,n){let r=lt(t,n),i=Array.isArray(t?.behavior)?t.behavior:[];e.modifyEntityField(t,`behavior`,i.filter(e=>!e.startsWith(`text-xywh=`)).concat(`text-xywh=${Math.round(r.x)},${Math.round(r.y)},${Math.round(r.width)},${Math.round(r.height)}`))}function st(e,t){if(t)for(let n of G(e,t)){let r=n?.target;(r?.type===`SpecificResource`&&r?.source?.type===`Canvas`&&!r.selector||r?.type===`Canvas`||r===t.id)&&at(e,t,n.id,ct(t).content||Ze(t))}}function ct(e){let t=Number(e?.width)||1920,n=Number(e?.height)||1080,r=Array.isArray(e?.behavior)?e.behavior:[],i=ft(r);return r.includes(`right`)?{content:{x:0,y:0,width:Math.round(t*2/3),height:n},text:i||{x:Math.round(t*2/3),y:0,width:Math.round(t/3),height:n}}:r.includes(`left`)?{content:{x:Math.round(t/3),y:0,width:Math.round(t*2/3),height:n},text:i||{x:0,y:0,width:Math.round(t/3),height:n}}:r.includes(`bottom`)?{content:{x:0,y:0,width:t,height:Math.round(n*2/3)},text:i||{x:0,y:Math.round(n*2/3),width:t,height:Math.round(n/3)}}:r.includes(`top`)?{content:{x:0,y:Math.round(n/3),width:t,height:Math.round(n*2/3)},text:i||{x:0,y:0,width:t,height:Math.round(n/3)}}:r.includes(`info`)?{content:null,text:i||{x:0,y:0,width:t,height:n}}:r.includes(`image`)?{content:{x:0,y:0,width:t,height:n},text:i}:{content:null,text:i}}function lt(e,t){let n=Number(e?.width)||1920,r=Number(e?.height)||1080,i=Math.max(1,Math.min(t.width,n)),a=Math.max(1,Math.min(t.height,r)),o=Math.max(0,Math.min(t.x,n-i)),s=Math.max(0,Math.min(t.y,r-a));return{x:Math.round(o),y:Math.round(s),width:Math.round(i),height:Math.round(a)}}function ut(e,t){let n=Array.isArray(t?.body)?t.body[0]:t?.body,r=n?e.get(n,{skipSelfReturn:!1}):null;return r?.type===`SpecificResource`?r.source:r||n||null}function dt(e){let t=e?e.split(/[,&]/).slice(0,4).map(Number):[];if(t.length===4&&t.every(e=>Number.isFinite(e))){let[e,n,r,i]=t;return{x:e,y:n,width:r,height:i}}return null}function ft(e){let t=e.find(e=>e.startsWith(`text-xywh=`))?.replace(`text-xywh=`,``);return dt(t)}function pt(e,t){let n=ht(e,t);if(n?.type===`Choice`){let t=Array.isArray(n.items)?n.items:[];for(let n of t){let t=pt(e,n);if(t)return t}}if(n?.type===`Canvas`){let t=e.get({id:n.id,type:`Canvas`},{skipSelfReturn:!1})||n,r=Array.isArray(t.thumbnail)?t.thumbnail[0]:t.thumbnail;if(r?.id)return r.id;for(let n of G(e,t)){let t=pt(e,ut(e,n));if(t)return t}}let r=Array.isArray(n?.service)?n.service[0]:n?.service,i=r?.id||r?.[`@id`];return i?`${i.replace(/\/$/,``)}/full/1000,/0/default.jpg`:n?.type===`Image`&&n.id?n.id:null}function mt(e){let t=e?.type===`SpecificResource`?e.source:e;return t?.type===`Text`||t?.type===`TextualBody`||t?.format===`text/html`||t?.format===`text/plain`?t.value||``:null}function ht(e,t){return t?.type===`SpecificResource`?ht(e,t.source):t?.id&&t?.type===`ContentResource`?e.get({id:t.id,type:`ContentResource`},{skipSelfReturn:!1})||t:t?.id&&!t.items&&!t.value&&!t.service&&!t.format&&!t.width&&!t.height&&e.get(t,{skipSelfReturn:!1})||t}function gt(e){let t=e?.type===`SpecificResource`?e.source:e;return t?.type===`Video`&&!_t(t)?t.id:null}function _t(e){let t=e?.type===`SpecificResource`?e.source:e,n=((t?.service||[]).find(e=>e?.profile===`https://www.youtube.com`)?.id||t?.id||``).match(/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/);return n?n[1]:null}const vt=`editorial-text`;function yt({className:e,editable:t=!1,mode:n=`edit`,showTourSteps:r=!1}){let i=(0,d.useCanvas)(),a=(0,d.useVault)(),o=(0,u.useInStack)(`Annotation`),s=(0,m.useRef)(null),c=W(e=>e.requestTab),{selectedAnnotationId:l,repositioningAnnotationId:f,selectedTextRegion:h,repositioningTextRegion:g,selectedTourStepId:_,repositioningTourStepId:v,selectAnnotation:b,startRepositioning:x,selectTextRegion:S,selectTourStep:C}=U();(0,m.useEffect)(()=>{st(a,i)},[i?.id,a]);let w=(0,d.useVaultSelector)((e,t)=>i?rt(t,i):[],[i?.id,i?.items?.[0]?.id]),T=(0,d.useVaultSelector)((e,t)=>i?et(t,i):[],[i?.id,i?.annotations?.[0]?.id]);if(!i)return null;let E=Number(i.width)||1920,D=Number(i.height)||1080,O=ct(i),k=Array.isArray(i.behavior)?i.behavior:[],A=o?.resource.source.id,j=n===`edit`&&r,M=n===`edit`&&!r;return(0,p.jsxs)(`div`,{ref:s,className:(0,y.twMerge)(`relative h-full w-full overflow-hidden`,n===`edit`&&`bg-white`,e),style:{aspectRatio:`${E} / ${D}`},children:[w.length?w.map(e=>{let r=A===e.annotation.id,o=r||l===e.annotation.id,u=f===e.annotation.id;return(0,p.jsxs)(`div`,{className:(0,y.twMerge)(`absolute overflow-hidden`,M&&o&&`ring-4 ring-me-primary-500 ring-offset-2 ring-offset-white`,(u||r)&&M&&`cursor-move select-none touch-none`),style:{left:`${e.box.x/E*100}%`,top:`${e.box.y/D*100}%`,width:`${e.box.width/E*100}%`,height:`${e.box.height/D*100}%`},onPointerDown:M&&(u||r)?t=>Ct({event:t,mode:`move`,canvas:i,annotation:e.annotation,vault:a,startBox:e.box,stage:s.current}):M&&t?t=>{b(e.annotation.id),x(e.annotation.id),c(`content`),Ct({event:t,mode:`move`,canvas:i,annotation:e.annotation,vault:a,startBox:e.box,stage:s.current})}:void 0,children:[(0,p.jsx)(St,{layer:e,mode:n,cover:k.includes(`cover`)}),M&&(u||r)?(0,p.jsx)(`div`,{className:`absolute bottom-0 right-0 h-4 w-4 cursor-se-resize rounded-tl bg-me-primary-500`,onPointerDown:t=>{t.stopPropagation(),Ct({event:t,mode:`resize`,canvas:i,annotation:e.annotation,vault:a,startBox:e.box,stage:s.current})}}):null]},e.annotation.id)}):(0,p.jsx)(`div`,{className:(0,y.twMerge)(`flex h-full w-full items-center justify-center text-sm font-semibold`,n===`preview`?`text-white/40`:`bg-white text-slate-400`),children:n===`preview`?`This slide has no content yet`:`Empty slide`}),O.text?(0,p.jsx)(xt,{canvas:i,box:O.text,editable:t&&M,mode:n,repositioning:g===vt,selected:h===vt,stage:s,onSelect:()=>{S(vt),c(`content`)}}):null,j?T.map((e,t)=>(0,p.jsx)(bt,{annotation:e,canvas:i,index:t,selected:_===e.id,repositioning:v===e.id,onSelect:()=>{C(e.id)}},e.id)):null]})}function bt({annotation:e,canvas:t,index:n,selected:r,repositioning:i,onSelect:a}){let o=it(e,t),s=Number(t.width)||1920,c=Number(t.height)||1080,l=`#6d5aa8`;return(0,p.jsx)(`div`,{className:(0,y.twMerge)(`absolute select-none border-2 border-me-primary-500 bg-me-primary-500/10 touch-none`,r?`z-40`:`z-30`,`cursor-pointer`,r?`border-4`:`ring-2 ring-white`),style:{left:`${o.x/s*100}%`,top:`${o.y/c*100}%`,width:`${o.width/s*100}%`,height:`${o.height/c*100}%`,...r?{backgroundColor:`rgba(109, 90, 168, 0.2)`,borderColor:l,boxShadow:`0 0 0 4px rgba(109, 90, 168, 0.22), 0 0 0 8px rgba(109, 90, 168, 0.14)`}:{}},onPointerDown:e=>{e.stopPropagation(),a()},children:(0,p.jsxs)(`span`,{className:(0,y.twMerge)(`absolute left-1 top-1 rounded px-1.5 py-0.5 text-xs font-semibold text-white`,!r&&`bg-me-primary-500`),style:r?{backgroundColor:l}:void 0,children:[`Step `,n+1]})})}function xt({canvas:e,box:t,editable:n,mode:r,onSelect:i,repositioning:a,selected:o,stage:s}){let c=Number(e.width)||1920,l=Number(e.height)||1080,u=(0,d.useVault)();return(0,p.jsxs)(`div`,{className:(0,y.twMerge)(`absolute flex flex-col overflow-hidden bg-black text-white`,r===`preview`?`font-mono`:`p-[3%]`,n&&o&&`ring-4 ring-me-primary-500 ring-offset-2`,n&&a&&`cursor-move select-none touch-none`),style:{left:`${t.x/c*100}%`,top:`${t.y/l*100}%`,width:`${t.width/c*100}%`,height:`${t.height/l*100}%`,...r===`preview`?{containerType:`inline-size`,padding:`3% 4%`}:{}},onPointerDown:n?n=>{i(),a&&wt({event:n,mode:`move`,canvas:e,vault:u,startBox:t,stage:s.current})}:void 0,children:[r===`edit`?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`div`,{className:`block cursor-text text-xl font-semibold uppercase leading-tight outline-none focus:ring-2 focus:ring-white/70`,contentEditable:!0,suppressContentEditableWarning:!0,onBlur:t=>u.modifyEntityField(e,`label`,{en:[t.currentTarget.textContent||``]}),children:Tt(e.label)||`Untitled`}),(0,p.jsx)(`div`,{className:`mt-4 block min-h-0 cursor-text overflow-y-auto whitespace-pre-wrap text-sm leading-relaxed opacity-90 outline-none focus:ring-2 focus:ring-white/70`,contentEditable:!0,suppressContentEditableWarning:!0,onBlur:t=>u.modifyEntityField(e,`summary`,{en:[t.currentTarget.textContent||``]}),children:Tt(e.summary)||`Add editorial text`})]}):(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(d.LocaleString,{className:`block font-semibold uppercase leading-tight`,style:{fontSize:`clamp(13px, 5cqw, 26px)`},children:e.label}),(0,p.jsx)(d.LocaleString,{className:`block min-h-0 overflow-y-auto whitespace-pre-wrap opacity-90 leading-[1.45]`,style:{fontSize:`clamp(11px, 3.5cqw, 18px)`,marginTop:`5%`,paddingRight:`2%`},children:e.summary})]}),n&&a?(0,p.jsx)(`div`,{className:`absolute bottom-0 right-0 h-4 w-4 cursor-se-resize rounded-tl bg-me-primary-500`,onPointerDown:n=>{n.stopPropagation(),wt({event:n,mode:`resize`,canvas:e,vault:u,startBox:t,stage:s.current})}}):null]})}function St({layer:e,mode:t,cover:n}){return e.imageUrl?(0,p.jsx)(`img`,{src:e.imageUrl,alt:``,className:(0,y.twMerge)(`h-full w-full`,n?`object-cover`:`object-contain`)}):e.html===null?e.youtubeId?(0,p.jsx)(`iframe`,{className:`h-full w-full border-0`,title:`YouTube slide content`,src:`https://www.youtube.com/embed/${e.youtubeId}?modestbranding=1&rel=0`,allow:`accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture`,allowFullScreen:!0}):e.videoUrl?(0,p.jsx)(`video`,{className:`h-full w-full bg-black object-contain`,controls:!0,children:(0,p.jsx)(`source`,{src:e.videoUrl})}):(0,p.jsx)(`div`,{className:`flex h-full w-full items-center justify-center rounded bg-slate-100 text-sm font-semibold text-slate-500`,children:`Media`}):e.html?(0,p.jsx)(`div`,{className:`h-full w-full overflow-hidden bg-white p-4 text-slate-900`,dangerouslySetInnerHTML:{__html:e.html}}):t===`preview`?null:(0,p.jsx)(`div`,{className:`h-full w-full overflow-hidden bg-white p-4 text-slate-900`,children:(0,p.jsx)(`div`,{className:`flex h-full items-center justify-center rounded border border-dashed border-slate-300 text-sm font-semibold text-slate-400`,children:`Empty text`})})}function Ct({event:e,mode:t,canvas:n,annotation:r,vault:i,startBox:a,stage:o}){if(!o)return;e.preventDefault();let s=o.getBoundingClientRect(),c=(Number(n?.width)||1920)/s.width,l=(Number(n?.height)||1080)/s.height,u=e.clientX,d=e.clientY,f=e=>{let o=(e.clientX-u)*c,s=(e.clientY-d)*l,f=t===`move`?{...a,x:a.x+o,y:a.y+s}:{...a,width:a.width+o,height:a.height+s};at(i,n,r.id,f)},p=()=>{window.removeEventListener(`pointermove`,f),window.removeEventListener(`pointerup`,p),window.removeEventListener(`pointercancel`,p)};window.addEventListener(`pointermove`,f),window.addEventListener(`pointerup`,p),window.addEventListener(`pointercancel`,p)}function wt({event:e,mode:t,canvas:n,vault:r,startBox:i,stage:a}){if(!a)return;e.preventDefault(),e.stopPropagation();let o=a.getBoundingClientRect(),s=(Number(n?.width)||1920)/o.width,c=(Number(n?.height)||1080)/o.height,l=e.clientX,u=e.clientY,d=e=>{let a=(e.clientX-l)*s,o=(e.clientY-u)*c;ot(r,n,t===`move`?{...i,x:i.x+a,y:i.y+o}:{...i,width:i.width+a,height:i.height+o})},f=()=>{window.removeEventListener(`pointermove`,d),window.removeEventListener(`pointerup`,f),window.removeEventListener(`pointercancel`,f)};window.addEventListener(`pointermove`,d),window.addEventListener(`pointerup`,f),window.addEventListener(`pointercancel`,f)}function Tt(e){if(!e)return``;if(typeof e==`string`)return e;if(Array.isArray(e))return e.filter(Boolean).join(` `);let t=Object.values(e)[0];return Array.isArray(t)?t.filter(Boolean).join(` `):typeof t==`string`?t:``}const Et=(0,m.forwardRef)(function({isFirst:e,item:t,children:n,...r},i){let a=(0,d.useCanvas)(),[o]=(0,d.useRenderingStrategy)(),s=a?.behavior||[],c=(0,u.useInStack)(`Canvas`),l=Ke(a?.behavior,e),{isBottom:f,isImage:m,isInfo:g,isLeft:_}=qe(a?.behavior),v=c?.resource.source?.id===a?.id,b=s.includes(`w-12`)&&s.includes(`h-8`),x=null;return x=b?(0,p.jsx)(yt,{className:`pointer-events-none h-full w-full`,mode:`preview`}):g?(0,p.jsx)(`div`,{className:`bg-black w-full h-full text-white max-h-40`,children:(0,p.jsx)(`div`,{className:`p-1.5 text-[4px]`,children:o.type===`textual-content`?(0,p.jsx)(d.LocaleString,{enableDangerouslySetInnerHTML:!0,children:o.items[0]?.text}):null})}):(0,p.jsxs)(`div`,{className:(0,y.twMerge)(`flex h-full max-h-full min-h-0`,_?`flex-row-reverse`:f?`flex-col`:`flex-row`),children:[(0,p.jsx)(`div`,{className:`flex-1 overflow-hidden relative justify-self-stretch`,children:(0,p.jsx)(`div`,{className:`absolute inset-0 w-full h-full`,children:(0,p.jsx)(h.LazyThumbnail,{cover:s.includes(`cover`),fade:!1})})}),m?null:(0,p.jsx)(`div`,{className:`${f?`min-h-3 w-full`:`w-1/3`} flex-shrink-0 self-stretch p-2 text-white bg-black rounded`,children:(0,p.jsxs)(`div`,{className:`p-1.5 text-[4px]`,children:[(0,p.jsx)(d.LocaleString,{className:`block mb-1 text-[5px]`,children:a?.label}),(0,p.jsx)(d.LocaleString,{children:a?.summary})]})})]}),(0,p.jsxs)(`div`,{ref:i,className:(0,y.twMerge)(l,`bg-me-gray-700 overflow-hidden hover:ring-2 ring-me-primary-500 relative`,v?`ring-2 ring-me-primary-500`:``),...r,children:[x,n]})});function Dt(){let{open:e}=(0,l.useLayoutActions)(),{structural:t,technical:n}=(0,l.useManifestEditor)(),[,r]=(0,l.useCreator)({id:n.id.get(),type:`Manifest`},`items`,`Canvas`);return(0,p.jsx)(Ve,{children:t.items.get().map((t,n)=>(0,p.jsx)(d.CanvasContext,{canvas:t.id,children:(0,p.jsx)(Et,{isFirst:n===0,item:t,onClick:()=>{e({id:`current-canvas`}),r.edit(t,n)}})},n))})}function Ot(e){return(0,p.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,height:`1em`,width:`1em`,...e,children:[(0,p.jsx)(`title`,{children:`Rearrange`}),(0,p.jsx)(`path`,{fill:`none`,d:`M0 0h24v24H0z`}),(0,p.jsx)(`path`,{d:`M20 9H4v2h16V9zM4 15h16v-2H4v2z`,fill:`currentColor`})]})}function kt({isFirst:e,onClick:t,item:n,actions:r}){let{attributes:i,listeners:a,setNodeRef:o,transform:s,transition:c}=(0,C.useSortable)({id:n.id,transition:{duration:150,easing:`cubic-bezier(0.25, 1, 0.5, 1)`}});return(0,p.jsx)(Et,{ref:o,style:{transform:w.CSS.Translate.toString(s),transition:c},...i,...a,onClick:t,isFirst:e,item:n,children:(0,p.jsxs)(`div`,{className:`absolute top-0.5 right-0.5 flex gap-0.5 items-stretch`,children:[r?.length?(0,p.jsx)(u.AppDropdown,{as:v.Button,className:`bg-white p-1 text-2xl hover:text-me-500 aria-expanded:text-me-600 aria-expanded:bg-me-200 hover:bg-me-100 rounded-sm`,"aria-label":`Action menu`,items:r,children:(0,p.jsx)(h.MoreMenu,{})}):null,(0,p.jsx)(`div`,{className:`bg-white text-2xl h-8 flex items-center p-1 hover:text-me-500 hover:bg-me-100 rounded-sm`,children:(0,p.jsx)(Ot,{"aria-label":`Reorder item`})})]})})}function At(){let e=(0,d.useManifest)(),{structural:t,technical:n}=(0,l.useManifestEditor)(),r=(0,l.useEditingStack)(),i=(0,u.useInStack)(`Canvas`),a=t.items.get(),{open:o}=(0,l.useLayoutActions)(),s=(0,x.useSensors)((0,x.useSensor)(x.PointerSensor,{activationConstraint:{distance:5}}),(0,x.useSensor)(x.KeyboardSensor,{coordinateGetter:C.sortableKeyboardCoordinates})),[,c]=(0,l.useCreator)({id:n.id.get(),type:`Manifest`},`items`,`Canvas`),f=(0,m.useCallback)(e=>{let{active:n,over:r}=e;r&&n.id!==r.id&&t.items.reorder(a.findIndex(e=>e.id===n.id),a.findIndex(e=>e.id===r.id))},[a,t.items]),h=i?.resource.source.id,g=h?a.findIndex(e=>e.id===h):-1,_=g&&g>0?Number(g-1):0;function v(){r.close();let n=t.items.getWithoutTracking();n&&n.length>0?c.edit(n[_]):c.edit(e)}let y=(0,m.useMemo)(()=>(0,u.createAppActions)(t.items,v),[t.items,v]);return(0,p.jsx)(Ve,{children:(0,p.jsx)(x.DndContext,{sensors:s,collisionDetection:x.closestCenter,onDragEnd:f,modifiers:[S.restrictToParentElement],children:(0,p.jsx)(C.SortableContext,{items:a,strategy:C.rectSortingStrategy,children:a.map((t,n)=>t?(0,p.jsx)(d.CanvasContext,{canvas:t.id,children:(0,p.jsx)(kt,{item:t,isFirst:n===0,onClick:()=>{o({id:`current-canvas`}),c.edit(t,n)},actions:y(t,n,e)},t.id)},t.id):null)})})})}const jt=Nt({label:`Exhibition grid`,creatorFilter:`exhibition-slide`}),Mt=Nt({label:`Slideshow`,creatorFilter:`exhibition-slideshow-slide`});function Nt({label:e,creatorFilter:t}){return{id:`canvas-listing`,label:e,icon:(0,p.jsx)(Ft,{}),render:()=>(0,p.jsx)(Pt,{creatorFilter:t}),options:{minWidth:350,maxWidth:350}}}function Pt({creatorFilter:e}){let{structural:t,technical:n}=(0,l.useManifestEditor)(),r={id:n.id.get(),type:`Manifest`},i=t.items.get()||[],a=(0,u.useInStack)(`Canvas`)?.resource.source.id,o=a?i.findIndex(e=>e.id===a):-1,s=o>=0?o+1:void 0,[c,d]=(0,l.useCreator)(r,`items`,`Canvas`,void 0,{isPainting:!0}),[f,m]=(0,u.useToggleList)();return(0,p.jsxs)(h.Sidebar,{children:[(0,p.jsx)(h.SidebarHeader,{title:`Exhibition`,actions:[{icon:f.list?(0,p.jsx)(b.CanvasListingIcon,{className:`text-2xl`}):(0,p.jsx)(Ft,{}),title:f.list?`List view`:`Grid view`,onClick:()=>m(`list`)},{icon:(0,p.jsx)(It,{}),title:`Edit slides`,toggled:f.editing,onClick:()=>m(`editing`)},{icon:(0,p.jsx)(Lt,{}),title:`Add new slide`,disabled:!c,onClick:()=>d.createFiltered(e,s)}]}),(0,p.jsx)(h.SidebarContent,{children:f.list?(0,p.jsx)(b.CanvasListView,{isEditing:f.editing}):f.editing?(0,p.jsx)(At,{}):(0,p.jsx)(Dt,{})})]})}function Ft(){return(0,p.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`24`,height:`24`,fill:`currentColor`,viewBox:`0 -960 960 960`,children:[(0,p.jsx)(`title`,{children:`Exhibition grid`}),(0,p.jsx)(`path`,{d:`M600-160v-280h280v280H600ZM440-520v-280h440v280H440ZM80-160v-280h440v280H80Zm0-360v-280h280v280H80Zm440-80h280v-120H520v120ZM160-240h280v-120H160v120Zm520 0h120v-120H680v120ZM160-600h120v-120H160v120Zm360 0Zm-80 240Zm240 0ZM280-600Z`})]})}function It(){return(0,p.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,height:`24`,viewBox:`0 0 24 24`,width:`24`,children:[(0,p.jsx)(`title`,{children:`Edit slides`}),(0,p.jsx)(`path`,{d:`M0 0h24v24H0V0z`,fill:`none`}),(0,p.jsx)(`path`,{d:`M14.06 9.02l.92.92L5.92 19H5v-.92l9.06-9.06M17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29zm-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z`})]})}function Lt(){return(0,p.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`24`,height:`24`,fill:`currentColor`,viewBox:`0 -960 960 960`,children:[(0,p.jsx)(`title`,{children:`Add new slide`}),(0,p.jsx)(`path`,{d:`M160-240v-480 480Zm80-80v-200h360v200H240Zm-80 160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v240h-80v-240H160v480h360v80H160Zm500-320v-100H360v-60h360v160h-60Zm60 400v-120H600v-80h120v-120h80v120h120v80H800v120h-80Z`})]})}const Rt={id:`@exhibitions/overview-panel`,label:`Preview`,icon:(0,p.jsx)(Le,{}),render:()=>(0,p.jsx)(zt,{})};function zt(){return(0,d.useManifest)()?(0,p.jsx)(`div`,{children:`Coming soon.`}):null}const Bt={id:`@exhibitions/theme-panel`,label:`Theme`,icon:(0,p.jsx)(Yt,{}),render:()=>(0,p.jsx)(Jt,{}),options:{minWidth:360,maxWidth:440}};function K({title:e,description:t,children:n}){return(0,p.jsxs)(`section`,{className:`mb-5 border-b border-slate-200 pb-5 last:mb-0 last:border-b-0`,children:[(0,p.jsxs)(`div`,{className:`mb-3`,children:[(0,p.jsx)(`h3`,{className:`text-sm font-semibold`,children:e}),t?(0,p.jsx)(`p`,{className:`mt-1 text-xs text-slate-500`,children:t}):null]}),n?(0,p.jsx)(`div`,{className:`space-y-3`,children:n}):null]})}function Vt({label:e,value:t,onChange:n,options:r}){return(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`div`,{className:`mb-2 text-xs font-medium text-slate-500`,children:e}),(0,p.jsx)(`div`,{className:`flex flex-wrap gap-1 rounded-md border border-slate-200 bg-slate-100 p-1`,children:r.map(e=>{let r=e.value===t;return(0,p.jsx)(v.Button,{className:[`rounded px-2 py-1.5 text-sm transition-colors`,r?`bg-white font-semibold text-slate-950 shadow-sm`:`text-slate-600 hover:bg-white/70 hover:text-slate-900`].join(` `),"aria-pressed":r,onPress:()=>n(e.value),children:e.label},e.value)})})]})}function q({label:e,checked:t,onChange:n}){return(0,p.jsxs)(`label`,{className:`flex items-center gap-3 text-sm`,children:[(0,p.jsx)(`input`,{type:`checkbox`,checked:t,onChange:e=>n(e.target.checked)}),(0,p.jsx)(`span`,{children:e})]})}function J({label:e,value:t,onChange:n}){return(0,p.jsxs)(`div`,{className:`grid grid-cols-[minmax(0,1fr)_auto] items-center gap-3`,children:[(0,p.jsx)(`label`,{className:`text-sm`,children:e}),(0,p.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,p.jsx)(`input`,{className:`h-9 w-12 shrink-0 cursor-pointer rounded border border-slate-300 bg-white p-1`,type:`color`,value:Wt(t),onChange:e=>n(e.target.value)}),(0,p.jsx)(u.Input,{value:t,onChange:e=>n(e.target.value)})]})]})}function Ht({label:e,value:t,onChange:n}){return(0,p.jsxs)(u.InputContainer,{$wide:!0,children:[(0,p.jsx)(u.InputLabel,{children:e}),(0,p.jsx)(u.Input,{value:t,onChange:e=>n(e.target.value)})]})}function Ut({label:e,value:t,onChange:n,options:r}){return(0,p.jsxs)(u.InputContainer,{$wide:!0,children:[(0,p.jsx)(u.InputLabel,{children:e}),(0,p.jsx)(`select`,{className:`w-full rounded border border-slate-300 bg-slate-50 px-3 py-2 text-sm`,value:t,onChange:e=>n(e.target.value),children:r.map(e=>(0,p.jsx)(`option`,{value:e.value,children:e.label},e.value))})]})}function Wt(e){let t=e.trim();if(/^#[0-9a-fA-F]{6}$/.test(t))return t;if(/^#[0-9a-fA-F]{3}$/.test(t)){let[e,n,r]=t.slice(1);return`#${e}${e}${n}${n}${r}${r}`}return`#ffffff`}function Gt(e){return JSON.parse(JSON.stringify(e))}function Kt(e,t,n){let r=Gt(e),i=r;for(let e of t.slice(0,-1)){var a;(a=i)[e]||(a[e]={}),i=i[e]}let o=t[t.length-1];return o&&(i[o]=n),r}function qt(e,t){let n=Gt(e);for(let e of t){let t=n;for(let n of e.path.slice(0,-1)){var r;(r=t)[n]||(r[n]={}),t=t[n]}let i=e.path[e.path.length-1];i&&(t[i]=e.value)}return n}function Jt(){let e=(0,d.useManifest)(),t=(0,d.useVault)(),[n,r]=(0,m.useState)(`simple`),{centerPanel:i}=(0,l.useLayoutState)(),{centerPanel:a}=(0,l.useLayoutActions)(),[o,s]=Ie(),c=e?.service||[],u=e?.services||[],f=(i.current===ze.id?i.state:null)?.preset||o||Re,g=(0,m.useMemo)(()=>{let e=pe(c);if(e)return{service:e.service};let t=pe(u);return t?{service:t.service}:null},[c,u]),_=(0,m.useMemo)(()=>g?ue(g.service.theme):null,[g])||le(`delft`);if(!e)return null;let y=n=>{let r=he(c,n?fe(e.id,n):null),i=he(u,null),a={id:e.id,type:`Manifest`};t.batch(t=>{t.modifyEntityField(a,`service`,r),(e.services||i.length!==u.length)&&t.modifyEntityField(a,`services`,i)})},b=(e,t)=>{y(Kt(_,e,t))},x=e=>{y(qt(_,e))};return(0,p.jsx)(h.Sidebar,{children:(0,p.jsxs)(h.SidebarContent,{padding:!0,children:[(0,p.jsx)(K,{title:`Preview`,description:`Switch the live preview route without changing the saved manifest theme.`,children:(0,p.jsx)(Vt,{label:`Preview preset`,value:f,onChange:e=>{s(e),a.open({id:ze.id,state:{preset:e}})},options:Fe})}),(0,p.jsxs)(K,{title:`Manifest Theme`,description:`Store exhibition styling and viewer defaults in a custom IIIF service on the Manifest.`,children:[(0,p.jsx)(q,{label:`Enable manifest theme`,checked:!!g,onChange:e=>{if(!e){y(null);return}y(le(`delft`))}}),(0,p.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,p.jsx)(v.Button,{className:`rounded border border-slate-300 px-3 py-2 text-sm hover:bg-slate-50 disabled:cursor-not-allowed disabled:opacity-50`,onPress:()=>{y(le(_.preset))},isDisabled:!g,children:`Reset to preset`}),(0,p.jsx)(v.Button,{className:`rounded border border-slate-300 px-3 py-2 text-sm hover:bg-slate-50 disabled:cursor-not-allowed disabled:opacity-50`,onPress:()=>y(null),isDisabled:!g,children:`Remove theme service`})]}),(0,p.jsx)(Vt,{label:`Preset`,value:_.preset,onChange:e=>{y(le(e))},options:[{label:`Delft`,value:`delft`},{label:`Gallery`,value:`gallery`},{label:`Minimal`,value:`minimal`}]})]}),(0,p.jsx)(K,{title:`Theme Options`,children:(0,p.jsx)(Vt,{label:`Editing mode`,value:n,onChange:r,options:[{label:`Simple`,value:`simple`},{label:`Advanced`,value:`advanced`}]})}),n===`simple`?(0,p.jsxs)(K,{title:`Simple Colors`,description:`Apply broad colours across the exhibition, scrolling, presentation, and slideshow views.`,children:[(0,p.jsx)(J,{label:`Base colour`,value:_.delft.tokens.backgroundSecondary,onChange:e=>{x([{path:[`delft`,`tokens`,`backgroundPrimary`],value:e},{path:[`delft`,`tokens`,`backgroundSecondary`],value:e},{path:[`delft`,`tokens`,`controlBar`],value:e},{path:[`delft`,`tokens`,`closeBackground`],value:e},{path:[`delft`,`tokens`,`titleCard`],value:e},{path:[`delft`,`tokens`,`infoBlock`],value:e},{path:[`delft`,`tokens`,`viewerBackground`],value:e},{path:[`scroll`,`tokens`,`titleBackground`],value:e},{path:[`scroll`,`tokens`,`annotationBackground`],value:e},{path:[`scroll`,`tokens`,`infoBlockBackground`],value:e}])}}),(0,p.jsx)(J,{label:`Text colour`,value:_.delft.tokens.textSecondary,onChange:e=>{x([{path:[`delft`,`tokens`,`textPrimary`],value:e},{path:[`delft`,`tokens`,`textSecondary`],value:e},{path:[`delft`,`tokens`,`imageCaption`],value:e},{path:[`delft`,`tokens`,`closeText`],value:e},{path:[`delft`,`tokens`,`titleCardText`],value:e},{path:[`delft`,`tokens`,`infoBlockText`],value:e},{path:[`scroll`,`tokens`,`titleColor`],value:e},{path:[`scroll`,`tokens`,`annotationColor`],value:e},{path:[`scroll`,`tokens`,`infoBlockColor`],value:e}])}})]}):(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(K,{title:`Typography`,children:[(0,p.jsx)(Ht,{label:`Sans font stack`,value:_.shared.fontSans,onChange:e=>b([`shared`,`fontSans`],e)}),(0,p.jsx)(Ht,{label:`Mono font stack`,value:_.shared.fontMono,onChange:e=>b([`shared`,`fontMono`],e)}),(0,p.jsx)(Ut,{label:`Title transform`,value:_.shared.titleTransform,onChange:e=>b([`shared`,`titleTransform`],e),options:[{label:`Uppercase`,value:`uppercase`},{label:`None`,value:`none`},{label:`Capitalize`,value:`capitalize`}]})]}),(0,p.jsxs)(K,{title:`Delft Colors`,children:[(0,p.jsx)(J,{label:`Background`,value:_.delft.tokens.backgroundPrimary,onChange:e=>b([`delft`,`tokens`,`backgroundPrimary`],e)}),(0,p.jsx)(J,{label:`Secondary background`,value:_.delft.tokens.backgroundSecondary,onChange:e=>b([`delft`,`tokens`,`backgroundSecondary`],e)}),(0,p.jsx)(J,{label:`Primary text`,value:_.delft.tokens.textPrimary,onChange:e=>b([`delft`,`tokens`,`textPrimary`],e)}),(0,p.jsx)(J,{label:`Secondary text`,value:_.delft.tokens.textSecondary,onChange:e=>b([`delft`,`tokens`,`textSecondary`],e)}),(0,p.jsx)(J,{label:`Title card`,value:_.delft.tokens.titleCard,onChange:e=>b([`delft`,`tokens`,`titleCard`],e)}),(0,p.jsx)(J,{label:`Title card text`,value:_.delft.tokens.titleCardText,onChange:e=>b([`delft`,`tokens`,`titleCardText`],e)}),(0,p.jsx)(J,{label:`Info block`,value:_.delft.tokens.infoBlock,onChange:e=>b([`delft`,`tokens`,`infoBlock`],e)}),(0,p.jsx)(J,{label:`Info block text`,value:_.delft.tokens.infoBlockText,onChange:e=>b([`delft`,`tokens`,`infoBlockText`],e)}),(0,p.jsx)(J,{label:`Control bar`,value:_.delft.tokens.controlBar,onChange:e=>b([`delft`,`tokens`,`controlBar`],e)}),(0,p.jsx)(J,{label:`Viewer background`,value:_.delft.tokens.viewerBackground,onChange:e=>b([`delft`,`tokens`,`viewerBackground`],e)})]}),(0,p.jsxs)(K,{title:`Scroll Colors`,children:[(0,p.jsx)(J,{label:`Title background`,value:_.scroll.tokens.titleBackground,onChange:e=>b([`scroll`,`tokens`,`titleBackground`],e)}),(0,p.jsx)(J,{label:`Title text`,value:_.scroll.tokens.titleColor,onChange:e=>b([`scroll`,`tokens`,`titleColor`],e)}),(0,p.jsx)(J,{label:`Annotation background`,value:_.scroll.tokens.annotationBackground,onChange:e=>b([`scroll`,`tokens`,`annotationBackground`],e)}),(0,p.jsx)(J,{label:`Annotation text`,value:_.scroll.tokens.annotationColor,onChange:e=>b([`scroll`,`tokens`,`annotationColor`],e)}),(0,p.jsx)(J,{label:`Info block background`,value:_.scroll.tokens.infoBlockBackground,onChange:e=>b([`scroll`,`tokens`,`infoBlockBackground`],e)}),(0,p.jsx)(J,{label:`Info block text`,value:_.scroll.tokens.infoBlockColor,onChange:e=>b([`scroll`,`tokens`,`infoBlockColor`],e)})]}),(0,p.jsxs)(K,{title:`Exhibition Defaults`,children:[(0,p.jsx)(q,{label:`Cut corners`,checked:_.delft.exhibition.cutCorners,onChange:e=>b([`delft`,`exhibition`,`cutCorners`],e)}),(0,p.jsx)(q,{label:`Full title bar`,checked:_.delft.exhibition.fullTitleBar,onChange:e=>b([`delft`,`exhibition`,`fullTitleBar`],e)}),(0,p.jsx)(q,{label:`Full width grid`,checked:_.delft.exhibition.fullWidthGrid,onChange:e=>b([`delft`,`exhibition`,`fullWidthGrid`],e)}),(0,p.jsx)(q,{label:`Hide table of contents`,checked:_.delft.exhibition.hideTableOfContents,onChange:e=>b([`delft`,`exhibition`,`hideTableOfContents`],e)}),(0,p.jsx)(q,{label:`Disable presentation mode`,checked:_.delft.exhibition.disablePresentation,onChange:e=>b([`delft`,`exhibition`,`disablePresentation`],e)}),(0,p.jsx)(q,{label:`Hide title card`,checked:_.delft.exhibition.hideTitleCard,onChange:e=>b([`delft`,`exhibition`,`hideTitleCard`],e)}),(0,p.jsx)(q,{label:`Alternative image mode`,checked:_.delft.exhibition.alternativeImageMode,onChange:e=>b([`delft`,`exhibition`,`alternativeImageMode`],e)}),(0,p.jsx)(q,{label:`Transition scale`,checked:_.delft.exhibition.transitionScale,onChange:e=>b([`delft`,`exhibition`,`transitionScale`],e)}),(0,p.jsx)(q,{label:`Image info icon`,checked:_.delft.exhibition.imageInfoIcon,onChange:e=>b([`delft`,`exhibition`,`imageInfoIcon`],e)}),(0,p.jsx)(q,{label:`Cover images`,checked:_.delft.exhibition.coverImages,onChange:e=>b([`delft`,`exhibition`,`coverImages`],e)})]}),(0,p.jsxs)(K,{title:`Presentation Defaults`,children:[(0,p.jsx)(q,{label:`Cut corners`,checked:_.delft.presentation.cutCorners,onChange:e=>b([`delft`,`presentation`,`cutCorners`],e)}),(0,p.jsx)(q,{label:`Floating caption panels`,checked:_.delft.presentation.isFloating,onChange:e=>b([`delft`,`presentation`,`isFloating`],e)}),(0,p.jsx)(Ut,{label:`Floating position`,value:_.delft.presentation.floatingPosition,onChange:e=>b([`delft`,`presentation`,`floatingPosition`],e),options:[{label:`Top left`,value:`top-left`},{label:`Top right`,value:`top-right`},{label:`Bottom left`,value:`bottom-left`},{label:`Bottom right`,value:`bottom-right`}]})]}),(0,p.jsxs)(K,{title:`Slideshow Defaults`,children:[(0,p.jsx)(q,{label:`Alternative image mode`,checked:_.delft.slideshow.alternativeImageMode,onChange:e=>b([`delft`,`slideshow`,`alternativeImageMode`],e)}),(0,p.jsx)(q,{label:`Transition scale`,checked:_.delft.slideshow.transitionScale,onChange:e=>b([`delft`,`slideshow`,`transitionScale`],e)}),(0,p.jsx)(q,{label:`Image info icon`,checked:_.delft.slideshow.imageInfoIcon,onChange:e=>b([`delft`,`slideshow`,`imageInfoIcon`],e)}),(0,p.jsx)(q,{label:`Cover images`,checked:_.delft.slideshow.coverImages,onChange:e=>b([`delft`,`slideshow`,`coverImages`],e)})]}),(0,p.jsxs)(K,{title:`Scroll Defaults`,children:[(0,p.jsx)(q,{label:`Show table of contents`,checked:_.scroll.options.showTableOfContents,onChange:e=>b([`scroll`,`options`,`showTableOfContents`],e)}),(0,p.jsx)(q,{label:`Full-height title block`,checked:_.scroll.options.titleBlock.fullHeight,onChange:e=>b([`scroll`,`options`,`titleBlock`,`fullHeight`],e)})]})]})]})})}function Yt(){return(0,p.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`24`,height:`24`,fill:`currentColor`,viewBox:`0 -960 960 960`,children:[(0,p.jsx)(`title`,{children:`Theme`}),(0,p.jsx)(`path`,{d:`M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 32.5-156T201-763q56-54 131-85.5T492-880q79 0 147 27t120 74q52 47 81.5 110T870-533q0 93-56 147t-145 54h-72q-18 0-28 10t-10 25q0 15 12 31.5t12 39.5q0 55-29 100.5T480-80ZM280-480q25 0 42.5-17.5T340-540q0-25-17.5-42.5T280-600q-25 0-42.5 17.5T220-540q0 25 17.5 42.5T280-480Zm120-160q25 0 42.5-17.5T460-700q0-25-17.5-42.5T400-760q-25 0-42.5 17.5T340-700q0 25 17.5 42.5T400-640Zm160 0q25 0 42.5-17.5T620-700q0-25-17.5-42.5T560-760q-25 0-42.5 17.5T500-700q0 25 17.5 42.5T560-640Zm120 160q25 0 42.5-17.5T740-540q0-25-17.5-42.5T680-600q-25 0-42.5 17.5T620-540q0 25 17.5 42.5T680-480Z`})]})}const Xt=`left-panel-manifest`;function Zt(e){return e===`left-panel-manifest`||e===jt.id}const Qt={id:`exhibition-background-task`,label:`Query string`,render:()=>(0,p.jsx)($t,{})};function $t(){let e=(0,d.useManifest)(),{leftPanel:t,rightPanel:n}=(0,l.useLayoutState)(),{edit:r,centerPanel:i,rightPanel:a}=(0,l.useLayoutActions)(),[o,s]=(0,m.useState)(!1),c=(0,m.useRef)(null),u=(0,m.useRef)(null);return(0,m.useEffect)(()=>{let l=e?.id||null,d=c.current!==t.current,f=u.current!==l,p=c.current;if(c.current=t.current,u.current=l,!(!e||!d&&!f)){if(t.current===Rt.id){r(e),i.open({id:_e.id}),s(!1);return}if(t.current===Bt.id){r(e),n.open?(a.close(),s(!0)):s(!1),i.open({id:ze.id});return}!n.open&&n.current&&Zt(t.current)&&(p===null||p===Bt.id&&o)&&(a.open(),s(!1))}},[i,r,t.current,e?.id,n.current,n.open,a,o]),null}const en={id:`image-block-editor`,label:`Image Block Editor`,component:e=>(0,p.jsx)(tn,{strategy:e}),supports:{strategy:(e,t,n)=>{if(e.type!==`images`)return!1;let r=n.get(t.resource);if(r.type!==`Canvas`)return!1;let i=r.behavior||[],a=!1;for(let e of i)(e.startsWith(`w-`)||e.startsWith(`h-`)||e===`image`)&&(a=!0);return a}}};function tn({strategy:e}){let[t,n]=(0,l.useLocalStorage)(`exhibition-preview-mode`),[r,i]=Ie(),a=(0,u.useInStack)(`Canvas`);return a?(0,p.jsx)(d.CanvasContext,{canvas:a.resource.source?.id,children:(0,p.jsx)(nn,{isPreview:!!t,previewPreset:r,onModeChange:n,onPreviewPresetChange:i})}):null}function nn({isPreview:e,previewPreset:t,onModeChange:n,onPreviewPresetChange:r}){return(0,p.jsxs)(`div`,{className:`relative z-0 flex h-full min-h-0 w-full min-w-0 max-w-full flex-col overflow-hidden bg-white`,children:[(0,p.jsxs)(`div`,{className:`exhibition-slideshow-current-toolbar flex items-center gap-3 border-b border-slate-200 bg-white px-4 py-3 shadow-sm`,children:[(0,p.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,p.jsx)(d.LocaleString,{className:`block truncate text-sm font-semibold text-slate-800`,children:(0,d.useCanvas)()?.label})}),(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[e?(0,p.jsx)(`select`,{className:`rounded-md border border-slate-200 bg-white px-2 py-2 text-xs font-semibold text-slate-700 shadow-sm`,value:t,onChange:e=>r(e.target.value),children:Fe.map(e=>(0,p.jsx)(`option`,{value:e.value,children:e.label},e.value))}):null,(0,p.jsxs)(`div`,{className:`flex shrink-0 overflow-hidden rounded-md border border-slate-200 bg-slate-50 text-xs font-semibold`,children:[(0,p.jsx)(rn,{selected:!e,onPress:()=>n(!1),children:`Edit`}),(0,p.jsx)(rn,{selected:e,onPress:()=>n(!0),children:`Preview`})]})]})]}),e?(0,p.jsx)(`div`,{className:`min-h-0 flex-1`,children:(0,p.jsx)(ke,{preset:t})}):(0,p.jsx)(`div`,{className:`flex min-h-0 flex-1`,children:(0,p.jsx)(u.CanvasPanelEditor,{asFallback:!0})})]})}function rn({children:e,selected:t,onPress:n}){return(0,p.jsx)(v.Button,{className:(0,y.twMerge)(`px-3 py-2 text-xs font-semibold transition`,t?`bg-white text-slate-900 shadow-sm`:`text-slate-500 hover:text-slate-700`),onPress:n,children:e})}const an={id:`info-block-editor`,label:`info Block Editor`,component:e=>(0,p.jsx)(ln,{strategy:e}),supports:{strategy:(e,t,n)=>e.type===`textual-content`}};function on(e){if(e===`@none`||e===`none`)return null;try{let t=new Intl.DisplayNames([e],{type:`language`});return e===`cy`?{key:e,language:e,label:`Cymraeg`}:{key:e,language:e,label:t.of(e)}}catch{return{key:e,language:e,label:e}}}function sn({selectedLanguage:e,languages:t,availableLanguages:n,onSelectLanguage:r,onAddLanguage:i}){let[a,o]=(0,m.useState)(!1),s=(0,m.useRef)(null);(0,m.useEffect)(()=>{if(!a)return;let e=e=>{s.current&&!s.current.contains(e.target)&&o(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[a]);let c=n.filter(e=>!t.includes(e));return(0,p.jsxs)(`div`,{ref:s,className:`relative`,children:[(0,p.jsxs)(`button`,{type:`button`,className:`flex items-center gap-1 rounded-md border border-slate-200 bg-white px-3 py-2 text-xs font-semibold text-slate-700 shadow-sm transition hover:bg-slate-50`,onClick:()=>o(e=>!e),children:[(0,p.jsx)(`span`,{className:``,children:on(e)?.label||e}),(0,p.jsx)(`svg`,{className:`h-3 w-3 text-slate-400`,viewBox:`0 0 12 12`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:(0,p.jsx)(`path`,{d:`M2 4l4 4 4-4`})})]}),a&&(0,p.jsxs)(`div`,{className:`absolute right-0 top-full z-50 mt-1 min-w-[14rem] rounded-md border border-slate-200 bg-white py-1 shadow-lg`,children:[t.length>0&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`div`,{className:`px-3 py-1 text-[10px] font-semibold uppercase tracking-wider text-slate-400`,children:`Language`}),t.map(t=>{let n=on(t);return(0,p.jsxs)(`button`,{type:`button`,className:(0,y.twMerge)(`flex w-full items-center gap-2 px-3 py-1.5 text-xs hover:bg-slate-50`,t===e?`font-semibold text-slate-900`:`text-slate-600`),onClick:()=>{r(t),o(!1)},children:[t===e?(0,p.jsx)(`svg`,{className:`h-3 w-3 shrink-0 text-slate-500`,viewBox:`0 0 12 12`,fill:`currentColor`,children:(0,p.jsx)(`path`,{d:`M2 6l3 3 5-5`,stroke:`currentColor`,strokeWidth:2,fill:`none`})}):(0,p.jsx)(`div`,{className:`h-3 w-3 shrink-0 text-slate-500`}),(0,p.jsx)(`span`,{className:t===e?``:`ml-5`,children:n?.label||t})]},t)})]}),c.length>0&&(0,p.jsxs)(p.Fragment,{children:[t.length>0&&(0,p.jsx)(`div`,{className:`my-1 border-t border-slate-100`}),(0,p.jsx)(`div`,{className:`px-3 py-1 text-[10px] font-semibold uppercase tracking-wider text-slate-400`,children:`Add language`}),c.map(e=>{let t=on(e);return(0,p.jsxs)(`button`,{type:`button`,className:`flex w-full items-center gap-2 px-3 py-1.5 text-xs text-slate-600 hover:bg-slate-50`,onClick:()=>{i(e),o(!1)},children:[(0,p.jsx)(`svg`,{className:`h-3 w-3 shrink-0 text-slate-400`,viewBox:`0 0 12 12`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:(0,p.jsx)(`path`,{d:`M6 2v8M2 6h8`})}),t?.label||e]},e)})]}),c.length===0&&t.length===0&&(0,p.jsx)(`div`,{className:`px-3 py-2 text-xs text-slate-400`,children:`No languages available`})]})]})}function cn(e,t){if(!e)return[];let n=e.items||[],r=new Set;for(let e of n){let n=Y(e,t);if(!n)continue;let i=bn(n.body);for(let e of i){let n=Y(e,t);n?.language&&r.add(n.language)}}return Array.from(r)}function ln({strategy:e}){let t=(0,d.useCanvas)(),n=(0,d.useVault)(),r=t?.behavior||[],i=Ge(r),a=!!(i.h&&i.w),{isBottom:o,isLeft:s,isRight:c}=qe(r),u=a&&i.w<=6,f=(0,d.useVaultSelector)((e,n)=>t?.items[0]?n.get(t.items[0]):null),h=(0,d.useVaultSelector)((e,n)=>t?.annotations[0]?n.get(t?.annotations[0]):null),{i18n:{availableLanguages:g,defaultLanguage:_}}=(0,l.useConfig)(),[v,b]=(0,l.useLocalStorage)(`exhibition-info-block-mode`,`edit`),[x,S]=Ie(),C=(0,m.useMemo)(()=>{let e=cn(f,n),t=cn(h,n),r=new Set([...e,...t]);return r.size===0&&r.add(_||`en`),Array.from(r)},[f,h,n,_]),[w,T]=(0,l.useLocalStorage)(`exhibition-info-block-language`,_||`en`),E=C.includes(w)?w:C[0]||_||`en`,D=e=>{T(e)},O=u?`28rem`:void 0;return(0,p.jsxs)(`div`,{className:`relative z-0 flex h-full min-h-0 w-full min-w-0 max-w-full flex-col overflow-hidden bg-white`,children:[(0,p.jsxs)(`div`,{className:`exhibition-slideshow-current-toolbar flex items-center gap-3 border-b border-slate-200 bg-white px-4 py-3 shadow-sm`,children:[(0,p.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,p.jsx)(d.LocaleString,{className:`block truncate text-sm font-semibold text-slate-800`,children:t?.label})}),(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[v===`edit`&&(0,p.jsx)(sn,{selectedLanguage:E,languages:C,availableLanguages:g,onSelectLanguage:T,onAddLanguage:D}),v===`preview`?(0,p.jsx)(`select`,{className:`rounded-md border border-slate-200 bg-white px-2 py-2 text-xs font-semibold text-slate-700 shadow-sm`,value:x,onChange:e=>S(e.target.value),children:Fe.map(e=>(0,p.jsx)(`option`,{value:e.value,children:e.label},e.value))}):null,(0,p.jsxs)(`div`,{className:`flex shrink-0 overflow-hidden rounded-md border border-slate-200 bg-slate-50 text-xs font-semibold`,children:[(0,p.jsx)(un,{selected:v===`edit`,onPress:()=>b(`edit`),children:`Edit`}),(0,p.jsx)(un,{selected:v===`preview`,onPress:()=>b(`preview`),children:`Preview`})]})]})]}),v===`preview`?(0,p.jsx)(`div`,{className:`min-h-0 flex-1`,children:(0,p.jsx)(ke,{preset:x})}):(0,p.jsxs)(`div`,{className:`min-h-0 flex-1 overflow-x-hidden overflow-y-auto`,children:[(0,p.jsx)(dn,{annotationPage:f,compact:u,editorMaxWidth:O,fallbackText:e.items[0]?.text,heading:`Short summary`,panelClassName:(0,y.twMerge)(`border-b border-gray-100`,u?`p-3`:`p-5`,a&&(s||c)?`max-w-xl`:``,a&&o?`max-w-4xl`:``),parentProperty:`items`,selectedLanguage:E,onLanguageAdded:D}),(0,p.jsx)(dn,{annotationPage:h,compact:u,heading:`Long summary`,panelClassName:(0,y.twMerge)(u?`p-3`:`p-5`),parentProperty:`annotations`,selectedLanguage:E,onLanguageAdded:D})]})]})}function un({children:e,selected:t,onPress:n}){return(0,p.jsx)(v.Button,{className:(0,y.twMerge)(`px-3 py-2 text-xs font-semibold transition`,t?`bg-white text-slate-900 shadow-sm`:`text-slate-500 hover:text-slate-700`),onPress:n,children:e})}function dn({annotationPage:e,compact:t,editorMaxWidth:n,fallbackText:r,heading:i,panelClassName:a,parentProperty:o,selectedLanguage:s,onLanguageAdded:c}){let u=(0,d.useCanvas)(),f=(0,l.useInlineCreator)(),g=(0,d.useVault)(),{i18n:{defaultLanguage:_}}=(0,l.useConfig)(),v=e||null,b=v?.items||[],x=mn(b,g),S=()=>{u&&f.create(`@manifest-editor/empty-annotation-page`,{label:{en:[i]}},{target:{id:u.id,type:`Canvas`},targetType:`AnnotationPage`,parent:{property:o,resource:{id:u.id,type:`Canvas`}}})},C=()=>{if(u){if(!v){S();return}f.create(`@manifest-editor/html-annotation`,{label:{en:[i]},body:{[s||_||`en`]:[``]},motivation:o===`annotations`?`tagging`:`painting`},{target:{id:u.id,type:`Canvas`},targetType:`Annotation`,parent:{property:`items`,resource:{id:v.id,type:`AnnotationPage`}},initialData:{}})}},w=()=>{if(!v){C(),c(s);return}let e=!1;for(let t of b){let n=Y(t,g);if(!n)continue;let r=bn(n.body);if(r.some(e=>Y(e,g)?.language===s))continue;let i=r[0],a=i?Y(i,g):null,o=`${n.id}-body-${s}-${Date.now()}`;g.batch(()=>{g.dispatch({type:`entities/update`,payload:{type:`ContentResource`,id:o,language:s,value:``,format:a?.format||`text/html`,motivation:a?.motivation}}),g.modifyEntityField({id:n.id,type:`Annotation`},`body`,[...r,{id:o,type:`ContentResource`}])}),e=!0}e||C(),c(s)},T=(0,m.useMemo)(()=>{if(!v)return!1;for(let e of b){let t=Y(e,g);if(!t)continue;let n=bn(t.body);for(let e of n)if(Y(e,g)?.language===s)return!0}return!1},[v,b,g,s]);return(0,p.jsxs)(`section`,{className:(0,y.twMerge)(`min-w-0 max-w-full`,a),children:[(0,p.jsxs)(`div`,{className:(0,y.twMerge)(`flex items-center justify-between gap-3`,x.length?`mb-3`:`mb-0`),children:[(0,p.jsx)(`h2`,{className:(0,y.twMerge)(`font-semibold tracking-tight text-gray-700`,t?`text-xs uppercase`:`text-sm uppercase tracking-wide`),children:i}),!T&&(0,p.jsx)(h.ActionButton,{primary:!0,onPress:w,children:v?`Add text`:`Add`})]}),!v&&r?(0,p.jsx)(`div`,{className:`mt-2 text-sm text-gray-600`,children:(0,p.jsx)(d.LocaleString,{enableDangerouslySetInnerHTML:!0,children:r})}):null,x.length?(0,p.jsx)(`div`,{className:`min-w-0 max-w-full`,children:x.map(({item:e,index:r})=>(0,p.jsx)(d.AnnotationContext,{annotation:e.id,children:(0,p.jsx)(fn,{compact:t,editorMaxWidth:n,pageItems:b,pageRef:{id:v.id,type:`AnnotationPage`},selectedLanguage:s,onRemoveAnnotation:()=>{g.modifyEntityField({id:v.id,type:`AnnotationPage`},`items`,b.filter((e,t)=>t!==r))}})},e.id+r))}):v&&T?(0,p.jsx)(`div`,{className:(0,y.twMerge)(`mt-2 text-sm text-gray-400 italic`,``),children:`No text added yet.`}):null]})}function fn({compact:e,editorMaxWidth:t,onRemoveAnnotation:n,pageItems:r,pageRef:i,selectedLanguage:a}){let o=(0,d.useAnnotation)(),s=(0,d.useVault)(),c=o?.body||[],u=(0,l.useGenericEditor)(o);if(!o)return null;let f=c.map((e,t)=>({item:e,index:t})).filter(({item:e})=>Y(e,s)?.language===a),h=f.length>0?f:[],g=(0,m.useCallback)(e=>{let t=gn(c,s,e);t.length!==c.length&&s.modifyEntityField({id:o.id,type:`Annotation`},`body`,t);let n=hn(r,s,o.id);n.length!==r.length&&s.modifyEntityField(i,`items`,n)},[o.id,i.id,r,s]);return h.length?(0,p.jsx)(`div`,{className:`min-w-0 max-w-full overflow-hidden`,children:h.map(({item:n,index:r})=>(0,p.jsx)(pn,{resourceId:n.id,onRemove:()=>u.annotation.body.deleteAtIndex(r),onUpdate:()=>g(n.id),compact:e,editorMaxWidth:t},n.id||r))}):null}function pn({compact:e,editorMaxWidth:t,resourceId:n,onRemove:r,onUpdate:i}){let a=(0,l.useGenericEditor)((0,m.useMemo)(()=>({id:n,type:`ContentResource`}),[n])),{i18n:{advancedLanguageMode:o,availableLanguages:s,defaultLanguage:c}}=(0,l.useConfig)(),{language:d,value:f}=a.descriptive,h=d.get(),g=Array.isArray(h)?h[0]||c||`en`:h||c||`en`;return(0,m.useEffect)(()=>{let e=Array.isArray(d.get())?d.get()[0]:d.get();!o&&e!==g&&d.set(g)},[o,g]),(0,p.jsx)(`div`,{className:`min-w-0 max-w-full overflow-hidden`,style:t?{maxWidth:t}:void 0,children:(0,p.jsx)(u.TiptapRichTextLanguageField,{language:g,languages:s,value:f.get()||``,onUpdate:e=>{f.set(e),i()},onUpdateLanguage:o?e=>d.set(e):void 0,onRemove:o?r:void 0})})}function mn(e,t){let n=e.map((e,t)=>({item:e,index:t})),r=n.filter(({item:e})=>!_n(e,t));return r.length?r:n.slice(0,1)}function hn(e,t,n){let r=e.filter(e=>e?.id===n||!_n(e,t));return r.length?r:e.slice(0,1)}function gn(e,t,n){let r=e.filter(e=>e?.id===n||!vn(e,t));return r.length?r:e.slice(0,1)}function _n(e,t){let n=bn(Y(e,t)?.body);return n.length?n.every(e=>vn(e,t)):!0}function vn(e,t){let n=Y(e,t);return n?yn(n.value||``):!0}function yn(e){let t=String(e||``);return/<img\b/i.test(t)?!1:t.replace(/<[^>]*>/g,``).replace(/&nbsp;/gi,` `).replace(/\s+/g,``).trim()===``}function Y(e,t){return!e?.id||e.value||e.items||e.body?e:t.get(e,{skipSelfReturn:!1})||e}function bn(e){return Array.isArray(e)?e:e==null?[]:[e]}const xn={id:`youtube-main-editor`,label:`YouTube main editor`,component:e=>e.type===`media`?(0,p.jsx)(Sn,{strategy:e,video:e.media}):null,supports:{strategy:(e,t,n)=>(console.log(e),!(e.type!==`media`||e.media.type!==`VideoYouTube`))}};function Sn({strategy:e,video:t}){let{edit:n}=(0,l.useLayoutActions)(),r=(0,d.useCanvas)(),i=(0,d.useVaultSelector)((e,t)=>t.get(r?.items[0]).items[0]);(0,T.default)(r&&i);let a=(0,m.useRef)(null),o=(0,l.useGenericEditor)(i),s=t,c=(r.width||1)/(r.height||1);return`${s.youTubeId}`,(0,p.jsxs)(`div`,{className:`overflow-y-auto`,children:[(0,p.jsx)(`div`,{className:`p-8`,children:(0,p.jsx)(`div`,{className:`bg-black z-20 flex p-8 rounded-lg max-w-full max-h-[70vh] mx-auto`,style:{aspectRatio:c},children:(0,p.jsx)(`iframe`,{title:`YouTube video`,className:`border-none w-full h-full object-contain`,ref:a,src:`https://www.youtube.com/embed/${s.youTubeId}?enablejsapi=1&origin=${window.location.host}&modestbranding=1&rel=0`,referrerPolicy:`no-referrer compute-pressure`,sandbox:`allow-scripts allow-same-origin allow-presentation`})})}),(0,p.jsxs)(`div`,{className:`bg-white shadow w-full p-8 flex gap-8`,children:[(0,p.jsx)(`div`,{children:(0,p.jsx)(`div`,{className:`w-64 bg-black flex-shrink-0 flex items-center justify-center rounded overflow-clip`,style:{aspectRatio:c},children:r.thumbnail?.length?(0,p.jsx)(h.LazyThumbnail,{cover:!0}):(0,p.jsx)(`div`,{className:`text-white/50 text-center py-16`,children:`No thumbnail`})})}),(0,p.jsxs)(`div`,{className:`flex-1`,children:[(0,p.jsx)(d.LocaleString,{as:`h3`,className:`text-2xl font-bold mt-4`,defaultText:(0,p.jsx)(`span`,{className:`text-black/30`,children:`No Label`}),children:o.descriptive.label.get()}),(0,p.jsx)(d.LocaleString,{as:`p`,className:`mt-2 mb-8`,defaultText:(0,p.jsx)(`span`,{className:`text-black/30`,children:`No summary`}),children:o.descriptive.summary.get()}),(0,p.jsx)(h.ActionButton,{onPress:()=>n(o.ref()),children:`Edit properties`})]})]})]})}const Cn=(0,E.defineCreator)({...D.iiifBrowserCreator,id:`@exhibitions/browser-creator`,create:wn,tags:[`image`,`exhibition-slide`],label:`IIIF Browser`,summary:`Browse IIIF Resources`,resourceType:`Canvas`,resourceFields:[`id`,`language`,`type`,`format`,`value`],additionalTypes:[],supports:{onlyPainting:!0,parentTypes:[`Manifest`],parentFields:[`items`],parentFieldMap:{Manifest:[`items`]}}});async function wn(e,t){let n=t.generateId(`canvas`),r=t.generateId(`annotation-page`,{id:n,type:`Canvas`}),i={width:0,height:0},a=await(0,E.creatorHelper)(t,{id:r,type:`AnnotationPage`},`items`,`@manifest-editor/iiif-browser-creator`)({...e,trackSize({width:e,height:t}){i.height=t,i.width=e}},{targetType:`Annotation`,target:{id:n,type:`Canvas`}});return await(0,E.creatorHelper)(t,`Manifest`,`items`,`@exhibitions/image-slide-creator`)({canvasId:n,width:i.width,height:i.height,type:`default`,items:a})}const Tn=(0,E.defineCreator)({...D.imageServiceCreator,id:`@exhibitions/image-service-creator`,create:En,tags:[`image`,`exhibition-slide`],label:`IIIF Image`,summary:`IIIF Image service`,resourceType:`Canvas`,supports:{parentTypes:[`Manifest`],parentFields:[`items`]}});async function En(e,t){let n=t.generateId(`canvas`);t.generateId(`annotation-page`,{id:n,type:`Canvas`});let r=await(0,E.creatorHelper)(t,{id:t.generateId(`annotation`),type:`Annotation`},`body`,`@manifest-editor/image-service-creator`)(e,{target:{id:n,type:`Canvas`}}),{width:i,height:a}=r.get(),o=t.embed({id:t.generateId(`annotation`),type:`Annotation`,motivation:`painting`,body:[r],target:{type:`SpecificResource`,source:{id:n,type:`Canvas`}}});return await(0,E.creatorHelper)(t,`Manifest`,`items`,`@exhibitions/image-slide-creator`)({canvasId:n,width:i,height:a,type:`default`,items:[o]})}const X=(0,E.defineCreator)({id:`@exhibitions/image-slide-creator`,create:Nn,label:`Empty slide`,summary:`An empty image slide.`,icon:(0,p.jsx)(h.EmptyCanvasIcon,{}),tags:[`exhibition-slide`],resourceType:`Canvas`,resourceFields:[`id`,`type`,`label`,`height`,`width`,`items`],supports:{parentTypes:[`Manifest`],parentFields:[`items`]}}),Dn=(0,E.defineCreator)({...X,id:`@exhibitions/image-slide-creator-left`,label:`Image (Left)`,summary:`An image with text on the left.`,icon:(0,p.jsx)(`div`,{children:`IMAGE (LEFT)`}),create:(e,t)=>Nn({...e,type:`left`},t)}),On=(0,E.defineCreator)({...X,id:`@exhibitions/image-slide-creator-right`,label:`Image (Right)`,summary:`An image with text on the right.`,icon:(0,p.jsx)(`div`,{children:`IMAGE (RIGHT)`}),create:(e,t)=>Nn({...e,type:`right`},t)}),kn=(0,E.defineCreator)({...X,id:`@exhibitions/image-slide-creator-bottom`,label:`Image (Bottom)`,summary:`An image with text at the bottom.`,icon:(0,p.jsx)(`div`,{children:`IMAGE (BOTTOM)`}),create:(e,t)=>Nn({...e,type:`bottom`},t)}),An=(0,E.defineCreator)({...X,id:`@exhibitions/slideshow-image-only-creator`,label:`Image only`,summary:`A slideshow slide focused on an image.`,tags:[`exhibition-slideshow-slide`],create:(e,t)=>Nn({...e,behavior:[`w-12`,`h-8`,`image`],height:e.height||1080,width:e.width||1920,type:`default`},t)}),jn=(0,E.defineCreator)({...X,id:`@exhibitions/slideshow-image-text-creator`,label:`Image with text`,summary:`A slideshow slide with image and text.`,tags:[`exhibition-slideshow-slide`],create:(e,t)=>Nn({...e,behavior:[`w-12`,`h-8`,`right`],height:e.height||1080,width:e.width||1920,type:`right`},t)}),Mn=(0,E.defineCreator)({...X,id:`@exhibitions/scroll-compact-deck-creator`,label:`Compact image deck`,summary:`A scrolling section with compact annotation-led image slides.`,tags:[`exhibition-scroll-section`,`exhibition-slide`],create:(e,t)=>Nn({...e,behavior:[`w-12`,`h-8`,`compact-deck`],height:e.height||1080,width:e.width||1920,type:`default`},t)});function Nn(e,t){let n=e.canvasId||t.generateId(`Canvas`),r=t.generateId(`AnnotationPage`,{id:n,type:`Canvas`}),i=t.generateId(`AnnotationPage`,{id:n,type:`Canvas`}),a=[],o=6e3;if(e.behavior)a.push(...e.behavior);else if(e.width&&e.height){let t=e.type??`default`,n=t===`left`||t===`right`,r=t===`bottom`,i=e.width/e.height,o=n?12*(2/3):12,s=r?3/2:1,c=Math.max(1,Math.min(12,Math.round(o/i*s)));a.push(`w-12`,`h-${c}`)}else a.push(`w-12`,`h-4`);if(!e.behavior)switch(e.type){case`left`:a.push(`left`),o*=2/3;break;case`right`:a.push(`right`),o*=2/3;break;case`bottom`:a.push(`bottom`);break}return e.items?.length||a.push(`multi-image`),t.embed({...O.emptyCanvas,id:n,behavior:a,label:e.label||{en:[`Untitled`]},height:e.height||4e3,duration:e.duration,width:e.width||o,items:[t.embed({...O.emptyAnnotationPage,id:r,type:`AnnotationPage`,items:e.items?e.items:[]})],annotations:[t.embed({...O.emptyAnnotationPage,id:i,type:`AnnotationPage`,items:[]})]})}const Pn=(0,E.defineCreator)({...D.imageUrlCreator,id:`@exhibitions/image-url-creator`,create:Fn,tags:[`exhibition-slide`],label:`Image`,summary:`Image from URL`,resourceType:`Canvas`,supports:{parentTypes:[`Manifest`],parentFields:[`items`]}});async function Fn(e,t){let n=t.generateId(`canvas`);t.generateId(`annotation-page`,{id:n,type:`Canvas`});let r=t.generateId(`annotation`),i=await(0,E.creatorHelper)(t,{id:r,type:`Annotation`},`body`,`@manifest-editor/image-url-creator`)(e,{target:{id:n,type:`Canvas`},targetType:`Annotation`}),{width:a,height:o}=i.get(),s=t.embed({id:r,type:`Annotation`,motivation:`painting`,body:[i],target:{type:`SpecificResource`,source:{id:n,type:`Canvas`}}});return await(0,E.creatorHelper)(t,`Manifest`,`items`,`@exhibitions/image-slide-creator`)({canvasId:n,width:a,height:o,type:`default`,items:[s]})}const In=(0,E.defineCreator)({id:`@exhibitions/info-box-creator`,create:Rn,label:`Info box`,summary:`A text panel for an exhibition`,icon:(0,p.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,children:[(0,p.jsx)(`title`,{children:`Info box`}),(0,p.jsx)(`path`,{fill:`currentColor`,d:`M11 17h2v-6h-2zm1-8q.425 0 .713-.288T13 8t-.288-.712T12 7t-.712.288T11 8t.288.713T12 9m0 13q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22`})]}),tags:[`exhibition-slide`],resourceType:`Canvas`,resourceFields:[`id`,`type`,`label`,`height`,`width`,`items`],supports:{parentTypes:[`Manifest`],parentFields:[`items`]}}),Ln=(0,E.defineCreator)({...In,id:`@exhibitions/slideshow-long-editorial-creator`,label:`Long editorial`,summary:`A text-led slideshow slide.`,tags:[`exhibition-slideshow-slide`],create:(e,t)=>Rn({...e,behavior:[`w-12`,`h-8`,`info`],height:e.height||1080,width:e.width||1920},t)});async function Rn(e,t){let n=t.generateId(`canvas`),r=t.generateId(`annotation-page`,{id:n,type:`Canvas`}),i=t.generateId(`annotation-page`,{id:n,type:`Canvas`}),a={...O.emptyAnnotation,id:t.generateId(`annotation`,{id:n,type:`Canvas`}),type:`Annotation`},o=[await t.create(`@manifest-editor/html-body-creator`,{language:`en`,body:``},{parent:{resource:a,property:`body`}})],s=t.embed({...a,motivation:`painting`,body:o,target:{type:`SpecificResource`,source:{id:n,type:`Canvas`}}}),c=t.generateId(`annotation`,{id:n,type:`Canvas`}),l=t.embed({id:c,type:`Annotation`,motivation:`tagging`,body:[await t.create(`@manifest-editor/html-body-creator`,{language:`en`,body:``},{parent:{resource:{id:c,type:`Annotation`},property:`body`}})],target:{type:`SpecificResource`,source:{id:n,type:`Canvas`}}}),u=t.embed({id:r,type:`AnnotationPage`,items:[s]}),d=t.embed({id:i,type:`AnnotationPage`,items:[l]});return t.embed({...O.emptyCanvas,id:n,type:`Canvas`,behavior:e.behavior||[`w-4`,`h-4`,`info`],label:e.label||void 0,height:e.height||1e3,width:e.width||1e3,items:[u],annotations:[d]})}const zn=(0,E.defineCreator)({...D.videoAnnotation,id:`@exhibitions/video-creator`,create:Vn,tags:[`video`,`exhibition-slide`],label:`Video`,summary:`A video for an exhibition`,resourceType:`Canvas`,resourceFields:[`id`,`type`,`label`,`height`,`width`,`items`],supports:{parentTypes:[`Manifest`],parentFields:[`items`]}}),Bn=(0,E.defineCreator)({...zn,id:`@exhibitions/slideshow-video-creator`,label:`Video`,summary:`A video slide for a slideshow exhibition.`,tags:[`exhibition-slideshow-slide`],create:(e,t)=>Vn({...e,behavior:[`w-12`,`h-8`,`image`],height:e.height||1080,slideType:`default`,width:e.width||1920},t)});async function Vn(e,t){let n=t.generateId(`canvas`),r=t.generateId(`annotation-page`,{id:n,type:`Canvas`}),i=await t.create(`@manifest-editor/video-annotation`,e,{target:{id:n,type:`Canvas`},targetType:`Annotation`,parent:{resource:{id:r,type:`AnnotationPage`},property:`items`}});return t.embed({id:r,type:`AnnotationPage`,items:[i]}),await(0,E.creatorHelper)(t,`Manifest`,`items`,`@exhibitions/image-slide-creator`)({canvasId:n,behavior:e.behavior,height:e.height||1080,width:e.width||1920,duration:e.duration,type:e.slideType||`bottom`,items:[i]})}const Hn=(0,E.defineCreator)({...D.youTubeBodyCreator,id:`@exhibitions/youtube-creator`,create:Wn,tags:[`video`,`exhibition-slide`],label:`YouTube`,summary:`A YouTube for an exhibition`}),Un=(0,E.defineCreator)({...Hn,id:`@exhibitions/slideshow-youtube-creator`,label:`YouTube`,summary:`A YouTube slide for a slideshow exhibition.`,tags:[`exhibition-slideshow-slide`]});async function Wn(e,t){let n=(0,u.getYouTubeId)(e.youtubeUrl),r=t.generateId(`canvas`),i=t.generateId(`annotation-page`,{id:r,type:`Canvas`}),a=await t.create(`@manifest-editor/youtube`,e,{target:{id:r,type:`Canvas`},targetType:`Annotation`,parent:{resource:{id:i,type:`AnnotationPage`},property:`items`}}),o=t.embed({id:i,type:`AnnotationPage`,items:[a]}),s=t.embed({id:`https://img.youtube.com/vi/${n}/maxresdefault.jpg`,type:`Image`,format:`image/jpeg`,width:640,height:360});return t.embed({...O.emptyCanvas,id:r,type:`Canvas`,behavior:[`w-12`,`h-8`],label:e.label||{en:[`Untitled YouTube Video`]},height:e.height||1080,width:e.width||1920,thumbnail:[s],items:[o]})}function Gn(){let e=(0,l.useEditor)(),t=()=>{let t=e.technical.width.get(),n=e.technical.height.get(),r=e.descriptive.summary,i=e.technical.behavior.get();i.push(`w-12`);let a=Math.max(1,Math.min(12,Math.round(t/n*12)));i.push(`h-${a}`),(0,k.getValue)(r.get())||r.set({en:[`Summary of image`]}),e.technical.behavior.set(i)};return(0,p.jsxs)(`div`,{className:`flex flex-col items-center gap-4 border-me-100 border-2 p-4 rounded`,children:[`This canvas was not created in the exhibition editor. Do you want to apply default settings?`,(0,p.jsx)(h.ActionButton,{onPress:()=>t(),children:`Apply defaults`})]})}function Kn(){let e=(0,d.useCanvas)();(0,T.default)(e);let t=e.width&&e.height?e.width/e.height:0,n=Ge(e.behavior||[]);return Math.abs(t-n.ratio)<.01?null:(0,p.jsxs)(`div`,{className:`exhibition-aspect-warning p-2 rounded bg-me-100`,children:[(0,p.jsx)(`div`,{className:`font-semibold text-me-700`,children:`Aspect ratio warning`}),(0,p.jsxs)(`div`,{className:`text-sm text-black/60`,children:[`The aspect ratio of this canvas is `,t.toFixed(2),` but the target aspect ratio is `,n.ratio.toFixed(2),`. Some parts of this image may be cropped.`,(0,p.jsx)(`div`,{className:`relative h-32 w-full mt-2`,children:(0,p.jsx)(`div`,{className:`bg-[red] left-0 top-0 z-2 opacity-50 max-w-32 max-h-32`,style:{aspectRatio:t.toFixed(2)},children:(0,p.jsx)(`div`,{className:`asbolute bg-[white] left-0 top-0 z-1 opacity-50 max-w-32 max-h-32`,style:{aspectRatio:n.ratio}})})})]})]})}function qn(){let e=(0,d.useCanvas)(),t=(0,l.useEditingResource)(),n=(0,l.useInlineCreator)(),[r,i]=(0,l.useCreator)(t?.resource.source,`thumbnail`,`ContentResource`),{descriptive:a}=(0,l.useEditor)(),{thumbnail:o}=a,s=o.get()||[],c=(0,d.useVault)(),f=(0,m.useMemo)(()=>e?Xn(c,e):[],[e,c]);return!e||!t?null:!s.length&&f.length?(0,p.jsx)(Jn,{candidates:f,canCreateThumbnail:r,onCreateThumbnail:()=>i.create(),onAddThumbnail:({service:t,width:r,height:i})=>n.create(`@manifest-editor/thumbnail-image`,{service:t,width:r,height:i},Yn(e))}):(0,p.jsx)(u.LinkingPropertyList,{containerId:o.containerId(),label:`Thumbnail`,property:`thumbnail`,items:s,singleMode:!0,reorder:e=>o.reorder(e.startIndex,e.endIndex),createActions:(0,u.createAppActions)(o),creationType:`ContentResource`,emptyLabel:`No thumbnail`,parent:t.resource})}function Jn({candidates:e,canCreateThumbnail:t,onCreateThumbnail:n,onAddThumbnail:r}){let[i,a]=(0,m.useState)(null),[o,s]=(0,m.useState)(``),[c,l]=(0,m.useState)({}),d=e.find(e=>e.id===i)||e[0],f=d?c[d.id]:void 0,g=d?f===null?null:f||d.service:null,_=g?nr(g):[],v=ir(_,350),y=_.find(e=>rr(e)===o)||v,b=g&&y?ar(g,y):null,x=d&&!d.service.sizes?.length&&!(d.id in c);return(0,m.useEffect)(()=>{!i&&e[0]&&a(e[0].id)},[e,i]),(0,m.useEffect)(()=>{let t=e.filter(e=>{let t=e.service;return!t.sizes?.length&&er(t)&&!(e.id in c)});for(let e of t){let t=er(e.service);t&&fetch(tr(t)).then(e=>e.ok?e.json():null).then(t=>{l(n=>({...n,[e.id]:t?{...e.service,...t}:null}))}).catch(()=>{l(t=>({...t,[e.id]:null}))})}},[e,c]),(0,m.useEffect)(()=>{v&&!_.some(e=>rr(e)===o)&&s(rr(v))},[v,o,_]),(0,p.jsx)(u.InputContainer,{$wide:!0,children:(0,p.jsxs)(`div`,{className:`rounded-md border border-[#dcd5ce] bg-[#f8f6f3] p-4`,children:[(0,p.jsx)(`div`,{className:`text-sm font-semibold text-[#25211f]`,children:`Thumbnail`}),(0,p.jsx)(`div`,{className:`mt-1 text-sm text-[#6a625c]`,children:`Use an image service from this canvas to add a thumbnail.`}),e.length>1?(0,p.jsxs)(`div`,{className:`mt-3`,children:[(0,p.jsx)(`label`,{className:`text-xs font-semibold uppercase text-[#6a625c]`,htmlFor:`thumbnail-source-image`,children:`Image`}),(0,p.jsx)(`select`,{id:`thumbnail-source-image`,className:`mt-1 w-full rounded-md border border-[#dcd5ce] bg-white px-3 py-2 text-sm`,value:d?.id||``,onChange:e=>{a(e.currentTarget.value),s(``)},children:e.map(e=>(0,p.jsx)(`option`,{value:e.id,children:e.label},e.id))})]}):null,_.length?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`div`,{className:`mt-3 flex flex-wrap gap-2`,children:_.map(e=>{let t=rr(e),n=y?t===rr(y):!1;return(0,p.jsxs)(`button`,{type:`button`,className:`rounded-md border px-2 py-1 text-xs font-semibold`,style:{backgroundColor:n?`#b84c74`:`#ffffff`,borderColor:n?`#b84c74`:`#dcd5ce`,color:n?`#ffffff`:`#332f2c`},onClick:()=>s(t),children:[e.width,`x`,e.height]},t)})}),b?(0,p.jsx)(`div`,{className:`mt-3 overflow-hidden rounded-md border border-[#dcd5ce] bg-white`,children:(0,p.jsx)(`img`,{src:b,alt:``,className:`max-h-40 w-full object-contain`})}):null,(0,p.jsx)(`button`,{type:`button`,className:`mt-3 rounded-md px-3 py-2 text-sm font-semibold shadow-sm`,style:{backgroundColor:`#b84c74`,border:`1px solid #a13e63`,color:`#ffffff`},disabled:!b||!y,onClick:()=>{!g||!y||r({service:g,width:y.width,height:y.height})},children:`Add thumbnail from image`})]}):x?(0,p.jsx)(`div`,{className:`mt-3 text-sm text-[#6a625c]`,children:`Finding available sizes...`}):(0,p.jsx)(`div`,{className:`mt-3 text-sm text-[#6a625c]`,children:`No fixed thumbnail sizes were found for this image service.`}),t?(0,p.jsx)(`div`,{className:`mt-4 border-t border-[#dcd5ce] pt-3`,children:(0,p.jsxs)(h.ActionButton,{onPress:n,children:[(0,p.jsx)(h.AddIcon,{}),` Create thumbnail`]})}):null]})})}function Yn(e){return{parent:{property:`thumbnail`,resource:{id:e.id,type:`Canvas`}}}}function Xn(e,t){let n=[],r=new Set;return G(e,t).forEach((t,i)=>{Zn(e,ut(e,t)).forEach((e,a)=>{let o=$n(e),s=o?er(o):``;!o||!s||r.has(s)||(r.add(s),n.push({id:`${t.id||i}-${e.id||s}-${a}`,label:or(e.label)||or(t.label)||`Image ${n.length+1}`,imageId:e.id,service:o}))})}),n}function Zn(e,t){let n=Qn(e,t);return n?n.type===`Choice`&&Array.isArray(n.items)?n.items.flatMap(t=>Zn(e,t)):n.type===`SpecificResource`?Zn(e,n.source):n.type===`Canvas`?G(e,n).flatMap(t=>Zn(e,ut(e,t))):$n(n)?[n]:[]:[]}function Qn(e,t){return t?t.id&&!t.service&&!t.items&&!t.value&&e.get(t,{skipSelfReturn:!1})||t:null}function $n(e){return(Array.isArray(e?.service)?e.service:e?.service?[e.service]:[]).find(e=>{let t=Array.isArray(e.profile)?e.profile.join(` `):e.profile||``;return(e.type||e[`@type`]||``).includes(`ImageService`)||t.includes(`level`)||t.includes(`iiif.io/api/image`)})||null}function er(e){return(e.id||e[`@id`]||``).replace(/\/info\.json$/,``)}function tr(e){return e.endsWith(`/info.json`)?e:`${e.replace(/\/$/,``)}/info.json`}function nr(e){let t=Array.isArray(e.sizes)?e.sizes.filter(e=>Number(e.width)&&Number(e.height)).map(e=>({width:Number(e.width),height:Number(e.height)})):[];if(t.length)return t.sort((e,t)=>e.width-t.width).slice(0,8);let n=Number(e.width),r=Number(e.height);return!n||!r?[]:[256,512,1024].filter(e=>e<n).map(e=>({width:e,height:Math.round(r/n*e)})).concat([{width:n,height:r}]).slice(0,4)}function rr(e){return`${e.width},${e.height||``}`}function ir(e,t){return e.reduce((e,n)=>e?Math.hypot(n.width-t,n.height-t)<Math.hypot(e.width-t,e.height-t)?n:e:n,void 0)}function ar(e,t){let n={...e};n[`@id`]&&(n.id=n[`@id`]),n[`@type`]&&(n.type=n[`@type`]);let r=(0,A.createImageServiceRequest)(n);return(0,A.imageServiceRequestToString)({identifier:r.identifier,server:r.server,scheme:r.scheme,type:`image`,size:{max:!1,confined:!1,upscaled:!1,width:t.width,height:t.height},format:`jpg`,region:{full:!0},rotation:{angle:0},quality:`default`,prefix:r.prefix,originalPath:r.originalPath})}function or(e){return e?typeof e==`string`?e:Array.isArray(e)?e.filter(Boolean).join(` `):typeof e==`object`?Object.values(e).flatMap(e=>Array.isArray(e)?e:[e]).filter(e=>typeof e==`string`).join(` `):``:``}const sr=new Set([`left`,`right`,`bottom`,`top`,`image`]),cr=[{value:`image`,label:`Image only`},{value:`right`,label:`Image + text right`},{value:`left`,label:`Image + text left`},{value:`bottom`,label:`Image + text bottom`}],Z={primary:`var(--exhibition-primary, #b84c74)`,fieldBorder:`var(--exhibition-field-border, #dcd5ce)`,fieldBackground:`var(--exhibition-field-bg, #f8f6f3)`,text:`var(--exhibition-text, #25211f)`,muted:`var(--exhibition-muted, #6a625c)`,buttonBackground:`var(--exhibition-button-bg, #ffffff)`,buttonText:`var(--exhibition-button-text, #ffffff)`,inactiveButtonText:`var(--exhibition-inactive-button-text, #332f2c)`},lr=[{value:12,label:`Full width`},{value:8,label:`2/3 width`},{value:6,label:`Half width`},{value:4,label:`1/3 width`}],ur=new Set([`float-top-left`,`float-top-right`,`float-bottom-left`,`float-bottom-right`]),dr=`exhibition-layout-panel-mode`,fr={component:()=>(0,p.jsx)(_r,{}),supports:{edit:!0,resourceTypes:[`Canvas`],properties:[`behavior`],custom:({resource:e},t)=>H(e,t)?!Je(e,t):!1},id:`slide-behaviors`,label:`Layout`,tabs:{showTitle:!0}},pr=[{id:`layout`,type:`choice`,label:{en:[`Layout`]},initialOpen:!0,items:[{label:{en:[`Text on left`]},value:`left`},{label:{en:[`Text on right`]},value:`right`},{label:{en:[`Text on bottom`]},value:`bottom`},{label:{en:[`Text on top`]},value:`top`},{label:{en:[`Only image`]},value:`image`}]},{id:`floating`,type:`choice`,label:{en:[`Floating`]},initialOpen:!1,addNone:!0,groupBehavior:`floating`,items:[{label:{en:[`Float top left`]},value:`float-top-left`},{label:{en:[`Float top right`]},value:`float-top-right`},{label:{en:[`Float bottom left`]},value:`float-bottom-left`},{label:{en:[`Float bottom right`]},value:`float-bottom-right`}]},{id:`size`,component:(e,t)=>(0,p.jsx)(gr,{behaviors:e,setBehaviors:t}),label:{en:[`Size`]},type:`custom`,initialOpen:!0,supports:e=>e.startsWith(`w-`)||e.startsWith(`h-`)}];function mr(e){let t=0,n=0;for(let r of e)r.startsWith(`w-`)&&(t=Number.parseInt(r.slice(2))),r.startsWith(`h-`)&&(n=Number.parseInt(r.slice(2)));return{width:t,height:n}}function hr(e){return e.filter(e=>!sr.has(e)&&!e.startsWith(`w-`)&&!e.startsWith(`h-`)&&!ur.has(e)&&e!==`cover`)}function gr({behaviors:e,setBehaviors:t}){let{width:n,height:r}=mr(e),[i,a]=(0,m.useState)({x:-1,y:-1}),o=(n,r)=>{let i=e.filter(e=>!e.startsWith(`w-`)&&!e.startsWith(`h-`));i.push(`w-${n}`),i.push(`h-${r}`),t(i)};return(0,p.jsx)(`div`,{className:`grid grid-cols-12 grid-rows-12 gap-1`,onMouseLeave:()=>a({x:-1,y:-1}),children:Array.from({length:144},(e,t)=>{let s=t%12,c=Math.floor(t/12),l=i.x>=s&&i.y>=c,u=s<n&&c<r,d=l&&u,f=`bg-gray-200`;return l&&(f=`bg-me-200`),u&&(f=`bg-me-500`),d&&(f=`bg-me-400`),(0,p.jsx)(`div`,{className:`flex aspect-square rounded cursor-se-resize items-center justify-center ${f}`,onClick:()=>o(s+1,c+1),onMouseUp:()=>o(s+1,c+1),onMouseEnter:()=>a({x:s,y:c})},t)})})}function _r(){let[e,t]=(0,l.useLocalStorage)(`exhibition-layout-panel-mode`,`simple`);return(0,p.jsx)(h.Sidebar,{children:(0,p.jsxs)(h.SidebarContent,{className:`bg-white px-6 pt-5 pb-20`,children:[(0,p.jsx)(`div`,{className:`mb-6 flex justify-center`,children:(0,p.jsx)(Er,{value:e,onChange:t})}),(0,p.jsx)(vr,{mode:e})]})})}function vr({mode:e=`advanced`,layoutContext:t=`default`}){let n=(0,u.useInStack)(`Canvas`),r=(0,l.useEditor)(),{width:i,height:a}=r.technical;return!n||r.technical.type!==`Canvas`?(0,p.jsx)(`div`,{className:`p-4`,children:`Please select canvas`}):e===`simple`?(0,p.jsx)(yr,{behavior:r.technical.behavior.get()||[],layoutContext:t,canvasWidth:i.get()||0,canvasHeight:a.get()||0,onChange:e=>{r.technical.behavior.set(e)}}):(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`div`,{className:`px-2`,children:(0,p.jsxs)(u.InputContainer,{$wide:!0,children:[(0,p.jsx)(u.DimensionsTriplet,{widthId:i.containerId(),width:i.get()||0,changeWidth:e=>i.set(e),heightId:a.containerId(),height:a.get()||0,changeHeight:e=>a.set(e)}),(0,p.jsx)(`div`,{children:(0,p.jsx)(Kn,{})})]})}),(0,p.jsx)(u.BehaviorEditor,{behavior:r.technical.behavior.get()||[],onChange:e=>{r.technical.behavior.set(e)},configs:pr}),(0,p.jsx)(qn,{})]})}function yr({behavior:e,layoutContext:t,canvasWidth:n,canvasHeight:r,onChange:i}){let[a,o]=(0,m.useState)(Or(e)),[s,c]=(0,m.useState)(t===`slideshow`?12:Ar(e)),[l,u]=(0,m.useState)(jr(e)),[f,h]=(0,m.useState)(e.includes(`cover`)),g=W(e=>e.requestTab),_=(0,d.useCanvas)(),v=(0,d.useVault)(),y=(0,d.useManifest)(),b=t===`slideshow`?12:s,x=Nr({canvasWidth:n,canvasHeight:r,layoutPreset:a,displayWidth:b}),S=t===`default`&&y?.items&&_?Ir(_.id,y.items,v):null,C=o=>{let c=o.layoutPreset??a;i(Mr({behavior:e,layoutPreset:c,displayWidth:t===`slideshow`?12:o.displayWidth??s,canvasWidth:n,canvasHeight:r,floating:o.floating??l,cover:o.cover??f})),_&&Rr(v,_,c)};return(0,p.jsxs)(`div`,{className:`flex flex-col gap-7`,children:[(0,p.jsx)(br,{layoutPreset:a,cover:f,floating:l,width:b,height:x,onTextClick:()=>g(`summary`)}),(0,p.jsxs)(Dr,{children:[(0,p.jsx)(Q,{children:`Layout preset`}),(0,p.jsx)(`div`,{className:`mt-3 grid grid-cols-2 gap-3`,children:cr.map(e=>(0,p.jsx)(xr,{preset:e.value,label:e.label,selected:a===e.value,onClick:()=>{o(e.value),C({layoutPreset:e.value})}},e.value))})]}),t===`default`?(0,p.jsxs)(Dr,{children:[(0,p.jsx)(Q,{children:`Width`}),(0,p.jsx)(`div`,{className:`mt-3 grid grid-cols-2 gap-3`,children:lr.map(e=>(0,p.jsx)(wr,{selected:s===e.value,onClick:()=>{c(e.value),C({displayWidth:e.value})},children:e.label},e.value))})]}):null,S?(0,p.jsxs)(Dr,{children:[(0,p.jsxs)(Q,{children:[`Fit alongside `,S.neighbour,` slide`]}),(0,p.jsx)(`div`,{className:`mt-3`,children:(0,p.jsxs)(wr,{selected:s===S.width,onClick:()=>{c(S.width),C({displayWidth:S.width})},children:[`w-`,S.width,` — fills remaining space`]})})]}):null,(0,p.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,p.jsx)(Tr,{checked:l,label:`Floating`,onChange:e=>{u(e),C({floating:e})}}),(0,p.jsx)(Tr,{checked:f,label:`Image cover`,onChange:e=>{h(e),C({cover:e})}})]})]})}function br({layoutPreset:e,cover:t,floating:n,width:r,height:i,onTextClick:a}){let o=e===`bottom`,s=e===`image`,c=e===`left`;return(0,p.jsxs)(`div`,{children:[(0,p.jsxs)(`div`,{className:`relative mx-auto overflow-hidden rounded-md border bg-[#f8f6f3] shadow-sm`,style:{width:`${Math.max(33,Math.round(r/12*100))}%`,aspectRatio:`${r} / ${i}`,borderColor:Z.fieldBorder},children:[(0,p.jsxs)(`div`,{className:(0,y.twMerge)(`flex h-full w-full min-h-0`,c?`flex-row-reverse`:o?`flex-col`:`flex-row`),children:[(0,p.jsx)(`div`,{className:`relative min-h-0 flex-1 overflow-hidden bg-white`,children:(0,p.jsx)(`div`,{className:`absolute inset-0`,children:(0,p.jsx)(h.LazyThumbnail,{cover:t,fade:!1})})}),s?null:(0,p.jsx)(`button`,{type:`button`,className:(0,y.twMerge)(`flex-shrink-0 border-0 bg-[#25211f] p-3 text-left text-white transition-colors hover:bg-[#332f2c] focus:outline-none focus:ring-2 focus:ring-me-primary-500 focus:ring-offset-2`,o?`h-1/3 w-full`:`h-full w-1/3`),onClick:a,children:(0,p.jsx)(Cr,{tone:`light`})})]}),n?(0,p.jsx)(`div`,{className:`absolute right-2 top-2 h-7 w-10 rounded bg-white/90 shadow ring-1 ring-black/10`}):null]}),(0,p.jsxs)(`div`,{className:`mt-2 text-center text-xs`,style:{color:Z.muted},children:[`w-`,r,` h-`,i]})]})}function xr({preset:e,label:t,selected:n,onClick:r}){return(0,p.jsxs)(`button`,{type:`button`,className:`flex min-h-[112px] flex-col items-center justify-center gap-3 rounded-md border px-3 py-4 text-center text-sm font-semibold transition-colors`,style:{backgroundColor:n?Z.primary:Z.buttonText,borderColor:n?Z.primary:Z.fieldBorder,color:n?Z.buttonText:Z.inactiveButtonText},onClick:r,children:[(0,p.jsx)(Sr,{preset:e,selected:n}),(0,p.jsx)(`span`,{className:`leading-tight`,children:t})]})}function Sr({preset:e,selected:t}){let n=e===`image`,r=e===`bottom`,i=e===`left`,a=t?`bg-white/80`:`bg-[#25211f]`,o=t?`bg-white/25 ring-white/70`:`bg-[#f8f6f3] ring-[#dcd5ce]`;return(0,p.jsxs)(`span`,{className:(0,y.twMerge)(`flex h-12 w-16 gap-1 overflow-hidden rounded border p-1`,t?`border-white/70 bg-white/15`:`border-[#dcd5ce] bg-white`,i?`flex-row-reverse`:r?`flex-col`:`flex-row`),"aria-hidden":`true`,children:[(0,p.jsx)(`span`,{className:(0,y.twMerge)(`flex-1 rounded-sm ring-1`,o)}),n?null:(0,p.jsx)(`span`,{className:(0,y.twMerge)(`flex flex-shrink-0 flex-col justify-center gap-0.5 rounded-sm px-0.5`,a,r?`h-3 w-full`:`h-full w-4`),children:(0,p.jsx)(Cr,{compact:!0,tone:t?`dark`:`light`})})]})}function Cr({compact:e=!1,tone:t=`light`}){let n=t===`light`?`bg-white/70`:`bg-[#8b3f61]/70`;return(0,p.jsxs)(`span`,{className:(0,y.twMerge)(`block space-y-1.5`,e?`space-y-0.5`:`mt-1`),"aria-hidden":`true`,children:[(0,p.jsx)(`span`,{className:(0,y.twMerge)(`block rounded`,n,e?`h-0.5 w-full`:`h-1.5 w-3/4`)}),(0,p.jsx)(`span`,{className:(0,y.twMerge)(`block rounded`,n,e?`h-0.5 w-4/5`:`h-1.5 w-full`)}),(0,p.jsx)(`span`,{className:(0,y.twMerge)(`block rounded`,n,e?`h-0.5 w-2/3`:`h-1.5 w-2/3`)})]})}function wr({selected:e,onClick:t,children:n}){return(0,p.jsx)(`button`,{type:`button`,className:`min-h-11 rounded-md border px-3 py-2 text-sm font-semibold transition-colors`,style:{backgroundColor:e?Z.primary:Z.buttonText,borderColor:e?Z.primary:Z.fieldBorder,color:e?Z.buttonText:Z.inactiveButtonText},onClick:t,children:n})}function Tr({checked:e,label:t,onChange:n}){return(0,p.jsxs)(`label`,{className:`flex items-center justify-between rounded-md border px-4 py-3 text-sm font-semibold`,style:{backgroundColor:Z.fieldBackground,borderColor:Z.fieldBorder,color:Z.text},children:[t,(0,p.jsx)(`input`,{type:`checkbox`,className:`h-4 w-4 accent-me-primary-500`,checked:e,onChange:e=>n(e.currentTarget.checked)})]})}function Er({value:e,onChange:t}){return(0,p.jsx)(`div`,{className:`grid w-full max-w-[240px] grid-cols-2 rounded-full bg-[#f5eaf0] p-1`,children:[`simple`,`advanced`].map(n=>{let r=e===n;return(0,p.jsx)(v.Button,{className:`border-none rounded-full bg-transparent px-4 py-2 text-sm font-semibold capitalize transition-colors`,style:{backgroundColor:r?Z.primary:`transparent`,color:r?`#ffffff`:`#8b3f61`,boxShadow:r?`0 1px 3px rgba(15, 23, 42, 0.18)`:`none`},onPress:()=>t(n),children:n},n)})})}function Dr({children:e}){return(0,p.jsx)(`div`,{children:e})}function Q({children:e}){return(0,p.jsx)(`div`,{className:`text-sm font-semibold`,style:{color:Z.muted},children:e})}function Or(e){return e.includes(`image`)?`image`:e.includes(`left`)?`left`:e.includes(`bottom`)?`bottom`:e.includes(`right`)?`right`:`image`}function kr(e,t,n){let r=e.filter(e=>!sr.has(e));if(n?.width&&n?.height){let{width:i}=mr(e),a=i?i<=4?4:i<=6?6:i<=8?8:12:12,o=Nr({canvasWidth:n.width,canvasHeight:n.height,layoutPreset:t,displayWidth:a}),s=r.filter(e=>!e.startsWith(`h-`));return s.push(`h-${o}`),s.push(t),s}return[...r,t]}function Ar(e){let{width:t}=mr(e);return t?t<=4?4:t<=6?6:t<=8?8:12:12}function jr(e){return e.some(e=>ur.has(e))}function Mr({behavior:e,layoutPreset:t,displayWidth:n,canvasWidth:r,canvasHeight:i,floating:a,cover:o}){let s=hr(e),c=Nr({canvasWidth:r,canvasHeight:i,layoutPreset:t,displayWidth:n});return s.push(t,`w-${n}`,`h-${c}`),a&&s.push(`float-top-right`),o&&s.push(`cover`),s}function Nr({canvasWidth:e,canvasHeight:t,layoutPreset:n,displayWidth:r}){let i=e&&t?e/t:1.5,a=n===`left`||n===`right`?r*(2/3):r,o=n===`bottom`?3/2:1,s=Math.round(a/i*o);return Math.max(1,Math.min(12,s))}const Pr=[{value:4,label:`1/3 width`},{value:6,label:`Half width`},{value:8,label:`2/3 width`},{value:12,label:`Full width`}];function Fr(e){let{width:t}=mr(e);return t}function Ir(e,t,n){let r=t.findIndex(t=>t.id===e);if(r===-1)return null;let i=e=>{if(!e)return 0;try{return Fr(n.get(e)?.behavior||[])}catch{return 0}},a=i(t[r-1]),o=i(t[r+1]);if(a>0&&a<12){let e=12-a;if(e>=4)return{width:e,neighbour:`previous`}}if(o>0&&o<12){let e=12-o;if(e>=4)return{width:e,neighbour:`next`}}return null}const Lr=new Set([`left`,`right`,`bottom`]);function Rr(e,t,n){Lr.has(n)&&((0,u.getInternationalStringText)(t.label)||e.modifyEntityField(t,`label`,{en:[`Untitled`]}),(0,u.getInternationalStringText)(t.summary)||e.modifyEntityField(t,`summary`,{en:[`Add a description for this slide.`]}))}const zr=new Set([`a`,`blockquote`,`br`,`code`,`em`,`h1`,`h2`,`h3`,`hr`,`i`,`img`,`li`,`ol`,`p`,`pre`,`s`,`span`,`strong`,`u`,`ul`]),Br={a:new Set([`href`,`rel`,`target`,`title`]),img:new Set([`alt`,`loading`,`src`,`title`])};function Vr(e){let t=Kr(e),n={};for(let[e,r]of Object.entries(t)){let t=r.filter(e=>typeof e==`string`).map(e=>qr(e)?Wr(e):Jr(e)).filter(Boolean).join(``);t&&(n[e]=[t])}return n}function Hr(e){let t={};for(let[n,r]of Object.entries(e||{})){let e=(r||[]).filter(e=>typeof e==`string`).map(e=>qr(e)?Wr(e):Jr(e)).filter(Boolean).join(``);e&&(t[n]=[e])}return t}function Ur(e){return Object.values(Vr(e)).flatMap(e=>Array.isArray(e)?e:[e]).filter(e=>typeof e==`string`).join(``)}function Wr(e){if(typeof document>`u`)return Xr(e);let t=document.createElement(`template`);return t.innerHTML=e||``,Gr(t.content),t.innerHTML}function Gr(e){for(let t of Array.from(e.childNodes)){if(t.nodeType===Node.ELEMENT_NODE){let e=t,n=e.tagName.toLowerCase();if(!zr.has(n)){e.replaceWith(...Array.from(e.childNodes));continue}for(let t of Array.from(e.attributes)){let r=t.name.toLowerCase(),i=Br[n]?.has(r)||!1,a=(r===`href`||r===`src`)&&/^(javascript|data):/i.test(t.value.trim());(!i||a)&&e.removeAttribute(t.name)}n===`a`&&e.getAttribute(`target`)===`_blank`&&e.setAttribute(`rel`,`noopener noreferrer`)}Gr(t)}}function Kr(e){if(!e)return{};if(typeof e==`string`)return{none:[e]};if(Array.isArray(e))return{none:e.filter(e=>typeof e==`string`)};if(typeof e==`object`){let t={};for(let[n,r]of Object.entries(e))t[n]=(Array.isArray(r)?r:[r]).filter(e=>typeof e==`string`);return t}return{}}function qr(e){return e.trimStart().startsWith(`<`)}function Jr(e){return e.replace(/\r\n?/g,`
2
- `).split(/\n+/).map(e=>e.trim()).filter(Boolean).map(e=>`<p>${Yr(e)}</p>`).join(``)}function Yr(e){return e.replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`).replace(/"/g,`&quot;`).replace(/'/g,`&#39;`)}function Xr(e){return(e||``).replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,``).replace(/<style\b[^<]*(?:(?!<\/style>)<[^<]*)*<\/style>/gi,``).replace(/\s+on[a-z]+\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi,``).replace(/\s+(href|src)\s*=\s*(["'])\s*(?:javascript|data):[^"']*\2/gi,``)}const Zr={id:`@exhibition/right-panel-editor`,supports:{edit:!0,properties:[`label`,`summary`],resourceTypes:[`Canvas`],custom:({resource:e},t)=>H(e,t)?!Je(e,t):!1},label:`Exhibition`,component:()=>(0,p.jsx)(Qr,{})};function Qr(){return(0,p.jsx)(h.Sidebar,{children:(0,p.jsx)(h.SidebarContent,{padding:!0,children:(0,p.jsx)($r,{})})})}function $r(){let e=(0,d.useCanvas)(),t=(0,d.useVault)(),n=(0,l.useEditingResource)(),{structural:r,technical:i}=(0,l.useEditor)(),{items:a}=r,o=i.behavior.get()||[],s=a.get()[0],c=Xe(e),f=o.includes(`info`),m=tt(t,e);return!e||!s||!n?(0,p.jsx)(`div`,{className:`p-8`,children:`Canvas, page, or resource not found`}):f?(0,p.jsxs)(l.ResourceEditingProvider,{resource:e,children:[c?null:(0,p.jsx)(Gn,{}),(0,p.jsx)(ei,{canvas:e}),m?(0,p.jsx)(ti,{canvas:e}):null]}):(0,p.jsxs)(l.ResourceEditingProvider,{resource:e,children:[c?null:(0,p.jsx)(Gn,{}),(0,p.jsx)(ei,{canvas:e}),(0,p.jsx)(u.InputContainer,{$wide:!0,children:(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`div`,{className:`exhibition-workbench-muted mb-3 text-sm font-semibold`,children:`Layout preset`}),(0,p.jsx)(`div`,{className:`grid grid-cols-2 gap-3`,children:cr.map(n=>(0,p.jsx)(xr,{preset:n.value,label:n.label,selected:Or(o)===n.value,onClick:()=>{i.behavior.set(kr(o,n.value,e?{width:e.width,height:e.height}:void 0)),e&&Rr(t,e,n.value)}},n.value))}),(0,p.jsx)(ni,{canvas:e,tabId:`slide-behaviors`,label:`Edit layout options`})]})}),m?(0,p.jsx)(ti,{canvas:e}):null,(0,p.jsx)(d.AnnotationPageContext,{annotationPage:s.id,children:(0,p.jsx)(u.PaintingAnnotationList,{createFilter:`image`})})]})}function ei({canvas:e}){let{edit:t}=(0,l.useLayoutActions)(),n=(0,m.useRef)(null),[r,i]=(0,m.useState)(!1),[a,o]=(0,m.useState)(!1),s=ri(e.label)||`Untitled`,c=Ur(e.summary);return(0,m.useEffect)(()=>{let e=n.current;if(!e){o(!1);return}o(e.scrollHeight>e.clientHeight+1)},[c,r]),(0,p.jsx)(u.InputContainer,{$wide:!0,children:(0,p.jsxs)(`div`,{className:`rounded-md border border-[#dcd5ce] bg-[#f8f6f3] p-4`,children:[(0,p.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,p.jsxs)(`div`,{className:`min-w-0`,children:[(0,p.jsx)(`div`,{className:`text-xs font-semibold uppercase text-[#6a625c]`,children:`Label`}),(0,p.jsx)(`div`,{className:`mt-1 break-words text-base font-semibold text-[#25211f]`,children:s})]}),(0,p.jsx)(`button`,{type:`button`,className:`flex-shrink-0 rounded-md px-3 py-2 text-sm font-semibold shadow-sm`,style:{backgroundColor:`#b84c74`,border:`1px solid #a13e63`,color:`#ffffff`},onClick:()=>{t({id:e.id,type:`Canvas`},void 0,{selectedTab:`@exhibition/summary-editor`,forceOpen:!0})},children:`Edit`})]}),(0,p.jsxs)(`div`,{className:`mt-5`,children:[(0,p.jsx)(`div`,{className:`text-xs font-semibold uppercase text-[#6a625c]`,children:`Summary`}),(0,p.jsx)(`div`,{ref:n,className:[`mt-2 whitespace-pre-wrap break-words text-sm leading-relaxed text-[#332f2c]`,r?``:`max-h-32 overflow-hidden`].join(` `),children:c?(0,p.jsx)(`div`,{className:`prose prose-sm max-w-none prose-p:my-2 prose-headings:my-2 prose-ul:my-2 prose-ol:my-2`,dangerouslySetInnerHTML:{__html:c}}):(0,p.jsx)(`span`,{className:`text-[#6a625c]`,children:`No summary added.`})}),a||r?(0,p.jsx)(`button`,{type:`button`,className:`mt-2 text-sm font-semibold text-[#b84c74]`,onClick:()=>i(e=>!e),children:r?`Read less`:`Read more`}):null]})]})})}function ti({canvas:e}){let t=(0,d.useVault)(),n=e.annotations?.[0],r=n?t.get(n,{skipSelfReturn:!1}):null,i=Array.isArray(r?.items)?r.items.length:0,a=i===0?`There are no tour steps yet.`:`${i} tour step${i===1?``:`s`} on this canvas.`;return(0,p.jsx)(u.InputContainer,{$wide:!0,children:(0,p.jsxs)(`div`,{className:`rounded-md border border-[#dcd5ce] bg-white p-4`,children:[(0,p.jsx)(`div`,{className:`text-sm font-semibold text-[#25211f]`,children:`Tour steps`}),(0,p.jsx)(`div`,{className:`mt-1 text-sm text-[#6a625c]`,children:a}),(0,p.jsx)(ni,{canvas:e,tabId:`@exhibition/tour-steps`,label:i===0?`Open Tour steps tab to add one`:`Open Tour steps tab`})]})})}function ni({canvas:e,tabId:t,label:n}){let{edit:r}=(0,l.useLayoutActions)();return(0,p.jsxs)(`button`,{type:`button`,onClick:()=>r({id:e.id,type:`Canvas`},void 0,{selectedTab:t,forceOpen:!0}),className:`flex gap-2 items-center justify-between mt-3 text-me-primary-600 bg-gray-50 py-2 px-4 rounded-full hover:bg-gray-100`,children:[(0,p.jsx)(`span`,{className:`text-left text-sm font-semibold`,children:n}),(0,p.jsx)(h.ArrowRightIcon,{})]})}function ri(e){return e?typeof e==`string`?e:Array.isArray(e)?e.filter(Boolean).join(` `):typeof e==`object`?Object.values(e).flatMap(e=>Array.isArray(e)?e:[e]).filter(e=>typeof e==`string`).join(` `):``:``}const ii={id:`@exhibition/summary-editor`,supports:{edit:!0,properties:[`summary`],resourceTypes:[`Canvas`],custom:({resource:e},t)=>H(e,t)?!Je(e,t):!1},label:`Summary`,component:()=>(0,p.jsx)(ai,{})};function ai(){return(0,p.jsx)(h.Sidebar,{children:(0,p.jsx)(h.SidebarContent,{padding:!0,children:(0,p.jsx)(oi,{})})})}function oi(){let e=(0,d.useCanvas)();return e?(0,p.jsxs)(l.ResourceEditingProvider,{resource:e,children:[(0,p.jsx)(u.LanguageMapEditor,{dispatchType:`label`}),(0,p.jsx)(si,{canvas:e})]}):null}function si({canvas:e}){let t=(0,d.useVault)(),n=(0,m.useMemo)(()=>Vr(e.summary),[e.summary]);return(0,p.jsx)(u.TiptapLanguageFieldEditor,{label:`summary`,metadataKey:`summary`,fields:n,onSave:n=>{t.modifyEntityField(e,`summary`,Hr(n.toInternationalString()))}},e.id)}function ci(e){return(0,p.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,...e,children:(0,p.jsx)(`path`,{fill:`currentColor`,d:`M9 16.17L4.83 12l-1.42 1.41L9 19L21 7l-1.41-1.41z`})})}const li=`<h2>New step</h2><p>Description</p>`;function ui(){let{saveAnnotation:e}=(0,d.useCurrentAnnotationActions)(),[t,n]=(0,d.useCurrentAnnotationMetadata)(),{editorFeatureFlags:r}=(0,l.useConfig)(),{annotationPopups:i}=r;return i?(0,p.jsxs)(`div`,{className:`bg-white shadow-md rounded-lg`,children:[(0,p.jsx)(`div`,{className:`prose-headings:mt-1 overflow-y-auto rounded prose-headings:mb-1 prose-sm focus-within:ring-1 focus-within:ring-me-primary-500`,children:(0,p.jsx)(h.HTMLEditor,{className:`border-none`,value:t.bodyValue||li,onChange:e=>n({bodyValue:e})})}),(0,p.jsxs)(`div`,{className:`flex gap-2 p-3`,children:[(0,p.jsxs)(h.ActionButton,{primary:!0,onPress:()=>e(),children:[(0,p.jsx)(ci,{}),` Finish editing`]}),(0,p.jsx)(u.AnnotationPopUpSwitcherButton,{})]})]}):(0,p.jsxs)(`div`,{className:`flex gap-2`,children:[(0,p.jsxs)(h.ActionButton,{primary:!0,onPress:()=>e(),children:[(0,p.jsx)(ci,{}),` Finish editing`]}),(0,p.jsx)(u.AnnotationPopUpSwitcherButton,{})]})}function di(){let e=(0,f.useStore)((0,l.useAtlasStore)(),e=>e.polygon),[t,n]=(0,d.useCurrentAnnotationMetadata)(),{editorFeatureFlags:r}=(0,l.useConfig)(),{annotationPopups:i}=r,{cancelRequest:a,saveAnnotation:o}=(0,d.useCurrentAnnotationActions)();return(0,p.jsxs)(`div`,{className:`border border-gray-300 hover:border-me-500 shadow-sm rounded bg-white relative`,children:[(0,p.jsxs)(`div`,{className:`bg-me-primary-500 text-white p-2 m-1 rounded flex gap-2`,children:[(0,p.jsx)(h.TargetIcon,{}),`Draw a box on the canvas`]}),i?(0,p.jsx)(`div`,{className:`relative p-3 line-clamp-3 prose-p:text-slate-600`,children:(0,p.jsx)(`div`,{className:`prose-headings:mt-1 prose-headings:mb-1 prose-sm`,children:(0,p.jsx)(`div`,{dangerouslySetInnerHTML:{__html:t.bodyValue||li}})})}):(0,p.jsx)(h.HTMLEditor,{className:`border-none`,value:t.bodyValue||li,onChange:e=>n({bodyValue:e})}),(0,p.jsxs)(`div`,{className:`flex gap-2 p-3`,children:[(0,p.jsxs)(h.ActionButton,{isDisabled:e?.points.length===0,onPress:()=>o(),children:[(0,p.jsx)(ci,{}),` Finish editing`]}),(0,p.jsxs)(h.ActionButton,{className:`gap-2 flex`,onPress:()=>a(),children:[(0,p.jsx)(h.DeleteIcon,{}),` Delete`]}),(0,p.jsx)(u.AnnotationPopUpSwitcherButton,{})]})]})}function fi(){let{editorFeatureFlags:e}=(0,l.useConfig)(),{annotationPopups:t}=e,n=(0,l.useSaveConfig)();return(0,p.jsx)(h.ActionButton,{className:`ml-auto`,onPress:()=>n({editorFeatureFlags:{...e,annotationPopups:!t}}),children:t?(0,p.jsx)(h.AnnotationPopInIcon,{}):(0,p.jsx)(h.AnnotationPopOutIcon,{})})}function pi({highlightProps:e,useSlideshowWorkbench:t=!1}){let n=(0,m.useContext)(l.ResourceEditingReactContext),r=(0,d.useAnnotation)(),{editorFeatureFlags:i}=(0,l.useConfig)(),{annotationPopups:a}=i,o=U(e=>e.startTourStepRepositioning),s=W(e=>e.requestTab),c=W(e=>e.setShowTourSteps),{isPending:f,cancelRequest:g,busy:_,requestAnnotationFromTarget:v,deleteAnnotation:y}=(0,u.useAnnotationEditor)({annotationPopup:(0,p.jsx)(d.AnnotationContext,{annotation:r.id,children:(0,p.jsx)(l.ResourceEditingReactContext.Provider,{value:n,children:(0,p.jsx)(mi,{})})})}),[b,x]=(0,m.useState)(!1),S=()=>!t||!r?.id?!1:(c(!0),o(r.id),s(`tour`),!0);return(0,m.useEffect)(()=>{b&&!f&&x(!0)},[f,b]),(0,p.jsxs)(`div`,{...e,className:`exhibition-tour-step-card border border-gray-300 hover:border-me-500 shadow-sm rounded bg-white relative`,onClick:S,children:[(0,p.jsx)(`div`,{className:`relative`,children:b&&!a?(0,p.jsx)(u.HTMLAnnotationEditor,{className:`border-none`}):(0,p.jsx)(h.HTMLAnnotationBodyRender,{className:`exhibition-tour-step-body px-3 pt-3 line-clamp-3 prose-p:text-slate-600`,locale:`en`})}),(0,p.jsxs)(`div`,{className:`flex gap-2 p-2`,children:[b&&f?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(h.ActionButton,{primary:!0,onPress:()=>{x(!1),g()},children:[(0,p.jsx)(ci,{}),` Finish editing`]}),(0,p.jsx)(u.AnnotationPopUpSwitcherButton,{})]}):(0,p.jsxs)(h.ActionButton,{isDisabled:_,onPress:()=>{t&&r?.id&&(c(!0),o(r.id),s(`tour`)),x(!0),v().then(()=>{x(!1)})},children:[(0,p.jsx)(h.EditTextIcon,{}),` Edit`]}),(0,p.jsxs)(h.ActionButton,{className:`gap-2 flex`,onPress:()=>y(),children:[(0,p.jsx)(h.DeleteIcon,{}),` Delete`]})]}),(0,p.jsx)(`div`,{className:`absolute -bottom-5 left-5 h-5 border-l-2 border-gray-300 w-0`})]})}function mi(){let{editorFeatureFlags:e}=(0,l.useConfig)(),{annotationPopups:t}=e,{saveAnnotation:n}=(0,d.useCurrentAnnotationActions)();return t?(0,p.jsxs)(`div`,{className:`bg-white shadow-md rounded-lg relative max-h-[50vh] overflow-y-auto`,children:[(0,p.jsx)(`div`,{className:`prose-headings:mt-1 rounded prose-headings:mb-1 prose-sm focus-within:ring-1 focus-within:ring-me-primary-500`,children:(0,p.jsx)(u.HTMLAnnotationEditor,{className:`border-none`})}),(0,p.jsxs)(`div`,{className:`flex gap-2 p-2 sticky bottom-0 z-50 bg-white`,children:[(0,p.jsxs)(h.ActionButton,{primary:!0,onPress:()=>{n()},children:[(0,p.jsx)(ci,{}),` Finish editing`]}),(0,p.jsx)(fi,{})]})]}):(0,p.jsxs)(`div`,{className:`flex gap-2`,children:[(0,p.jsxs)(h.ActionButton,{primary:!0,onPress:()=>n(),children:[(0,p.jsx)(ci,{}),` Finish editing`]}),(0,p.jsx)(u.AnnotationPopUpSwitcherButton,{})]})}function hi({originalAnnotationId:e,highlightProps:t,useSlideshowWorkbench:n=!1}){let r=(0,l.useGenericEditor)((0,d.useAnnotationPage)()),i=(0,d.useAnnotation)(),a=(0,d.useCanvas)(),o=(0,d.useVault)(),{edit:s}=(0,l.useLayoutActions)(),[c,f]=(0,m.useState)(!1),g=U(e=>e.startTourStepRepositioning),_=W(e=>e.requestTab),v=W(e=>e.setShowTourSteps),y=a?.items?.[0],b=y?.id&&i?.id?(o.get(y)?.items||[]).findIndex(e=>e.id===i.id):-1,x=()=>{if(e&&confirm(`Are you sure you want to delete this annotation?`)){let t=r.structural.items.getWithoutTracking().findIndex(t=>t.id===e);r.structural.items.deleteAtIndex(t)}},S=()=>!n||!e?!1:(v(!0),g(e),_(`tour`),!0);return(0,p.jsxs)(`div`,{...t,className:`exhibition-tour-step-card border border-gray-300 hover:border-me-500 shadow-sm rounded bg-white relative`,onClick:S,children:[(0,p.jsx)(`div`,{className:`flex gap-2 mb-2 p-3`,children:(0,p.jsx)(`div`,{className:`flex-1 min-w-0`,children:c?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`h3`,{className:`text-lg font-semibold border-b pt-1 pb-2 mb-2`,children:`Edit step`}),(0,p.jsx)(u.LanguageMapEditor,{dispatchType:`label`}),(0,p.jsx)(u.LanguageMapEditor,{dispatchType:`summary`})]}):(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(d.LocaleString,{as:`div`,defaultText:(0,p.jsx)(`span`,{className:`opacity-50`,children:`Untitled`}),className:`whitespace-nowrap overflow-ellipsis w-full overflow-x-hidden`,children:i?.label}),(0,p.jsx)(d.LocaleString,{className:`exhibition-tour-step-body text-gray-500 text-sm bg-white line-clamp-2`,as:`div`,children:i?.summary})]})})}),(0,p.jsxs)(`div`,{className:`flex gap-2 p-2`,children:[c?(0,p.jsxs)(h.ActionButton,{onPress:()=>f(!1),children:[(0,p.jsx)(ci,{}),` Finish editing`]}):(0,p.jsxs)(h.ActionButton,{onPress:()=>f(!0),children:[(0,p.jsx)(h.EditTextIcon,{}),` Edit body`]}),(0,p.jsx)(h.ActionButton,{onPress:()=>{S()||i&&s({id:i.id,type:`Annotation`},y?{parent:y,property:`items`,index:b}:void 0,{forceOpen:!0})},children:`Edit annotation`}),(0,p.jsxs)(h.ActionButton,{className:`gap-2 flex`,onPress:()=>x(),children:[(0,p.jsx)(h.DeleteIcon,{}),` Delete`]})]}),(0,p.jsx)(`div`,{className:`absolute -bottom-5 left-5 h-5 border-l-2 border-gray-300 w-0`})]})}function gi({useSlideshowWorkbench:e=!1}){let[t,{annotationTarget:n,highlightProps:r}]=(0,u.useAnnotationInfo)(),i=(0,m.useMemo)(()=>n?{id:n,type:`Annotation`}:{id:t?.id,type:`Annotation`},[t?.id,n]);return n?(0,p.jsx)(l.ResourceEditingProvider,{resource:i,children:(0,p.jsx)(d.AnnotationContext,{annotation:n,children:(0,p.jsx)(hi,{originalAnnotationId:t?.id,highlightProps:r,useSlideshowWorkbench:e})})}):(0,p.jsx)(l.ResourceEditingProvider,{resource:i,children:(0,p.jsx)(pi,{highlightProps:r,useSlideshowWorkbench:e})})}function _i({reorderable:e=!1,useSlideshowWorkbench:t=!1}){let n=(0,d.useAnnotationPage)(),r=(0,l.useGenericEditor)(n);return n?e?(0,p.jsx)(p.Fragment,{children:(0,p.jsx)(u.ReorderList,{id:n.id,marginBottom:`0.5em`,items:n.items||[],inlineHandle:!1,reorder:({startIndex:e,endIndex:t})=>r.structural.items.reorder(e,t),renderItem:(e,n)=>(0,p.jsx)(d.AnnotationContext,{annotation:e.id,children:(0,p.jsx)(gi,{useSlideshowWorkbench:t})})})}):(0,p.jsx)(p.Fragment,{children:n.items.map(e=>(0,p.jsx)(d.AnnotationContext,{annotation:e.id,children:(0,p.jsx)(gi,{useSlideshowWorkbench:t})},e.id))}):null}const vi={id:`@exhibition/tour-steps`,supports:{edit:!0,properties:[`annotations`],resourceTypes:[`Canvas`],custom:({resource:e},t)=>H(e,t)?!Je(e,t)&&!Ye(e,t):!1},label:`Tour steps`,component:()=>(0,p.jsx)(yi,{})};function yi({mode:e=`advanced`}){let t=(0,d.useCanvas)(),n=t?.annotations[0],r=t?.items[0];return!n||!t||!r?(0,p.jsx)(bi,{}):(0,p.jsx)(h.Sidebar,{children:(0,p.jsx)(h.SidebarContent,{padding:!0,children:(0,p.jsx)(xi,{mode:e})})})}function bi(){let e=(0,d.useCanvas)(),t=(0,l.useInlineCreator)(),n=()=>{e&&t.create(`@manifest-editor/empty-annotation-page`,{label:{en:[`Tour steps`]}},{target:{id:e.id,type:`Canvas`},targetType:`AnnotationPage`,parent:{property:`annotations`,resource:{id:e.id,type:`Canvas`}}})};return(0,p.jsxs)(`div`,{className:`flex flex-col items-center justify-center p-4`,children:[(0,p.jsx)(`div`,{className:`p-4 opacity-50 text-center`,children:`This image does not yet have a tour.`}),(0,p.jsx)(v.Button,{className:`border w-full disabled:opacity-50 border-gray-300 hover:border-me-500 hover:bg-me-50 cursor-pointer shadow-sm rounded p-4 bg-white relative text-black/40 hover:text-me-500`,onPress:()=>n(),children:`Create Tour`})]})}function xi({mode:e,useSlideshowWorkbench:t=!1}){let n=(0,d.useCanvas)(),r=n?.annotations?.[0],i=n?.items?.[0],[a,o]=(0,m.useState)(!1),s=W(e=>e.setShowTourSteps),c=U(e=>e.stopRepositioning),f=U(e=>e.stopTextRepositioning);(0,m.useEffect)(()=>{s(!0),c(),f()},[s,c,f]);let{requestTourStep:g,isPending:_,busy:y}=Si({onBeforeRequest:t?()=>{s(!0),c(),f()}:void 0});if(!n)return null;if(!r)return(0,p.jsx)(bi,{});let b=e===`advanced`&&!!i;return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(`div`,{className:`flex gap-4 border-b pt-4 pb-2 mb-2`,children:[(0,p.jsx)(`h2`,{className:`text-lg font-semibold flex-1`,children:`Tour steps`}),e===`advanced`?(0,p.jsx)(h.ActionButton,{onPress:()=>o(e=>!e),children:a?`Done`:`Reorder`}):null]}),(0,p.jsx)(l.ResourceEditingProvider,{resource:n,children:(0,p.jsxs)(d.AnnotationPageContext,{annotationPage:r.id,children:[(0,p.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,p.jsx)(_i,{reorderable:e===`advanced`?a:!1,useSlideshowWorkbench:t}),y?null:_?(0,p.jsx)(di,{}):(0,p.jsx)(v.Button,{onPress:g,className:`border disabled:opacity-50 border-gray-300 hover:border-me-500 hover:bg-me-50 cursor-pointer shadow-sm rounded p-4 bg-white relative text-black/40 hover:text-me-500`,children:`+ Add new step`})]}),b&&i?(0,p.jsx)(p.Fragment,{children:(0,p.jsx)(u.PromptToAddPaintingAnnotations,{title:(0,p.jsx)(`h3`,{className:`text-md border-b pt-4 pb-2 mb-2`,children:`Available tour steps from images`}),painting:i,page:r,canvasId:n.id})}):null]})})]})}function Si({onBeforeRequest:e}={}){let t=(0,d.useCanvas)(),n=t?.annotations?.[0],r=(0,l.useInlineCreator)(),{requestAnnotation:i,isPending:a,busy:o}=(0,d.useRequestAnnotation)({onSuccess:e=>{let i=e.metadata.bodyValue||``;!e.cancelled&&e.target&&t&&n&&r.create(`@manifest-editor/html-annotation`,{label:{en:[`Tour step`]},body:{en:[i||`<h2>New step</h2><p>Description</p>`]},motivation:`tagging`},{target:{id:t.id,type:`Canvas`},targetType:`Annotation`,parent:{property:`items`,resource:{id:n.id,type:`AnnotationPage`}},initialData:{selector:e}})}});return{requestTourStep:()=>{e?.(),i({type:`box`,annotationPopup:(0,p.jsx)(ui,{})})},isPending:a,busy:o,canRequestTourStep:!!(t&&n)}}const Ci=`exhibition-info-box-mode`,wi={id:`@exhibition/info-box-editor`,supports:{edit:!0,properties:[`label`,`behavior`],resourceTypes:[`Canvas`],custom:({resource:e},t)=>H(e,t)?Je(e,t):!1},label:`Text box`,component:()=>(0,p.jsx)(Ti,{})};function Ti(){let[e,t]=(0,l.useLocalStorage)(`exhibition-info-box-mode`,`simple`),n=(0,d.useCanvas)(),r=(0,d.useVault)(),i=(0,d.useManifest)(),a=(0,l.useEditor)();if(!n||a.technical.type!==`Canvas`)return null;let o=a.technical.behavior.get()||[],s=Fr(o)||12,c=e=>{let t=o.filter(e=>!e.startsWith(`w-`)&&!e.startsWith(`h-`)),n=o.find(e=>e.startsWith(`h-`));t.push(`w-${e}`),n||t.push(`h-4`),a.technical.behavior.set(t)},f=i?.items&&n?Ir(n.id,i.items,r):null;return(0,p.jsx)(h.Sidebar,{children:(0,p.jsxs)(h.SidebarContent,{className:`bg-white px-6 pt-5 pb-20`,children:[(0,p.jsx)(`div`,{className:`flex justify-center`,children:(0,p.jsx)(Er,{value:e,onChange:t})}),(0,p.jsxs)(`div`,{className:`mt-8 flex flex-col gap-7`,children:[(0,p.jsx)(l.ResourceEditingProvider,{resource:n,children:e===`simple`?(0,p.jsxs)(Dr,{children:[(0,p.jsx)(Q,{children:`Title`}),(0,p.jsx)(`div`,{className:`mt-2`,children:(0,p.jsx)(u.LanguageMapEditor,{dispatchType:`label`,disableMultiline:!0,disallowHTML:!0})})]}):(0,p.jsxs)(Dr,{children:[(0,p.jsx)(Q,{children:`Label & summary`}),(0,p.jsxs)(`div`,{className:`mt-2 flex flex-col gap-3`,children:[(0,p.jsx)(u.LanguageMapEditor,{dispatchType:`label`,disableMultiline:!0,disallowHTML:!0}),(0,p.jsx)(u.LanguageMapEditor,{dispatchType:`summary`})]})]})}),e===`simple`?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(Dr,{children:[(0,p.jsx)(Q,{children:`Width`}),(0,p.jsx)(`div`,{className:`mt-3 grid grid-cols-2 gap-3`,children:Pr.map(e=>(0,p.jsx)(wr,{selected:s===e.value,onClick:()=>c(e.value),children:e.label},e.value))})]}),f?(0,p.jsxs)(Dr,{children:[(0,p.jsxs)(Q,{children:[`Fit alongside `,f.neighbour,` slide`]}),(0,p.jsx)(`div`,{className:`mt-3`,children:(0,p.jsxs)(wr,{selected:s===f.width,onClick:()=>c(f.width),children:[`w-`,f.width,` — fills remaining space`]})})]}):null,(0,p.jsxs)(`div`,{className:`text-center text-xs`,style:{color:Z.muted},children:[`w-`,s]})]}):(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`div`,{className:`px-2`,children:(0,p.jsx)(u.InputContainer,{$wide:!0,children:(0,p.jsx)(u.DimensionsTriplet,{widthId:a.technical.width.containerId(),width:a.technical.width.get()||0,changeWidth:e=>a.technical.width.set(e),heightId:a.technical.height.containerId(),height:a.technical.height.get()||0,changeHeight:e=>a.technical.height.set(e)})})}),(0,p.jsx)(u.BehaviorEditor,{behavior:o,onChange:e=>a.technical.behavior.set(e),configs:[{id:`size`,component:(e,t)=>(0,p.jsx)(gr,{behaviors:e,setBehaviors:t}),label:{en:[`Size`]},type:`custom`,initialOpen:!0,supports:e=>e.startsWith(`w-`)||e.startsWith(`h-`)}]})]})]})]})})}const Ei=`editorial-text`;function Di(){let e=(0,d.useCanvas)(),t=e?.items?.[0]?{id:e.items[0].id,type:`AnnotationPage`}:void 0,[,n]=(0,l.useCreator)(t,`items`,`Annotation`,e?{id:e.id,type:`Canvas`}:void 0,{isPainting:!0}),{selectedAnnotationId:r,repositioningAnnotationId:i,selectedTextRegion:a,repositioningTextRegion:o,selectAnnotation:s,startRepositioning:c,stopRepositioning:u,selectTextRegion:f,startTextRepositioning:m,stopTextRepositioning:h}=U(),g=W(e=>e.setShowTourSteps),_=(0,d.useVaultSelector)((t,n)=>e?rt(n,e):[],[e?.id,t?.id]),v=ct(e).text,y=_.length||v;return!e||!t?(0,p.jsxs)(`div`,{children:[(0,p.jsx)(Ii,{children:`Content on this slide`}),(0,p.jsx)(`p`,{className:`exhibition-workbench-muted mt-2 text-sm leading-relaxed`,children:`This slide does not have a content layer yet.`})]}):(0,p.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(Ii,{children:`Content on this slide`}),(0,p.jsx)(`p`,{className:`exhibition-workbench-muted mt-2 text-sm leading-relaxed`,children:`Select a painting annotation to highlight it in the workbench. Use the centre panel to add, position, and edit slide content.`})]}),y?(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[v?(0,p.jsx)(ki,{box:v,selected:a===Ei,repositioning:o===Ei,onSelect:()=>{g(!1),f(Ei)},onReposition:()=>{g(!1),m(Ei)},onStopReposition:h}):null,_.map((e,t)=>(0,p.jsx)(Oi,{layer:e,index:t,selected:r===e.annotation.id,repositioning:i===e.annotation.id,onSelect:()=>{g(!1),s(e.annotation.id)},onReposition:()=>{g(!1),c(e.annotation.id)},onStopReposition:u,onAdvancedEdit:()=>n.edit({id:e.annotation.id,type:`Annotation`},t)},e.annotation.id))]}):(0,p.jsx)(`div`,{className:`exhibition-slideshow-content-empty rounded-lg border border-dashed border-slate-200 bg-slate-50 p-4 text-sm`,children:`No painting annotations on this slide yet.`})]})}function Oi({layer:e,index:t,selected:n,repositioning:r,onSelect:i,onReposition:a,onStopReposition:o,onAdvancedEdit:s}){let c=(0,d.useVault)(),l=(0,u.useAnnotationThumbnail)({annotationId:e.annotation.id,options:{maxWidth:96,maxHeight:96}}),f=Pi(e.annotation,c),m=ji(e,f),h=Mi(e,f,t),g=Ni(e,f,m);return(0,p.jsxs)(`div`,{className:[`exhibition-slideshow-content-item rounded-lg border bg-white p-3 transition`,n?`exhibition-slideshow-content-item-selected border-me-primary-500 bg-me-primary-50 ring-2 ring-me-primary-100`:`border-slate-200`].join(` `),children:[(0,p.jsxs)(v.Button,{className:`flex w-full items-center gap-3 border-none bg-transparent p-0 text-left`,onPress:i,children:[(0,p.jsx)(Ai,{thumbnailUrl:l?.id,type:m}),(0,p.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,p.jsx)(`span`,{className:`block text-[11px] font-semibold uppercase tracking-wide text-me-primary-500`,children:m}),(0,p.jsx)(`span`,{className:`mt-0.5 block truncate text-sm font-semibold`,children:h}),(0,p.jsx)(`span`,{className:`exhibition-workbench-muted mt-0.5 block truncate text-xs`,children:g})]})]}),(0,p.jsxs)(`div`,{className:`mt-3 flex items-center justify-between gap-3`,children:[(0,p.jsx)(`span`,{className:`exhibition-workbench-muted text-xs`,children:r?`Drag or resize in the workbench`:n?`Selected in workbench`:`Click to select on slide`}),(0,p.jsxs)(`div`,{className:`flex gap-2`,children:[(0,p.jsx)(v.Button,{className:`rounded-md border border-me-primary-200 bg-me-primary-50 px-3 py-1.5 text-xs font-semibold text-me-primary-600 transition hover:bg-me-primary-100`,onPress:r?o:a,children:r?`Done moving`:`Reposition`}),(0,p.jsx)(v.Button,{className:`rounded-md border border-slate-200 bg-white px-3 py-1.5 text-xs font-semibold text-slate-700 transition hover:bg-slate-50`,onPress:s,children:`Advanced edit`})]})]})]})}function ki({box:e,selected:t,repositioning:n,onSelect:r,onReposition:i,onStopReposition:a}){return(0,p.jsxs)(`div`,{className:[`exhibition-slideshow-content-item rounded-lg border bg-white p-3 transition`,t?`exhibition-slideshow-content-item-selected border-me-primary-500 bg-me-primary-50 ring-2 ring-me-primary-100`:`border-slate-200`].join(` `),children:[(0,p.jsxs)(v.Button,{className:`flex w-full items-center gap-3 border-none bg-transparent p-0 text-left`,onPress:r,children:[(0,p.jsx)(Ai,{type:`Text`}),(0,p.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,p.jsx)(`span`,{className:`block text-[11px] font-semibold uppercase tracking-wide text-me-primary-500`,children:`Editorial text`}),(0,p.jsx)(`span`,{className:`mt-0.5 block truncate text-sm font-semibold`,children:`Slide label and summary`}),(0,p.jsxs)(`span`,{className:`exhibition-workbench-muted mt-0.5 block truncate text-xs`,children:[`Position `,Math.round(e.x),`, `,Math.round(e.y),` ·`,` `,Math.round(e.width),` x `,Math.round(e.height)]})]})]}),(0,p.jsxs)(`div`,{className:`mt-3 flex items-center justify-between gap-3`,children:[(0,p.jsx)(`span`,{className:`exhibition-workbench-muted text-xs`,children:n?`Drag or resize in the workbench`:t?`Selected in workbench`:`Click to select on slide`}),(0,p.jsx)(v.Button,{className:`rounded-md border border-me-primary-200 bg-me-primary-50 px-3 py-1.5 text-xs font-semibold text-me-primary-600 transition hover:bg-me-primary-100`,onPress:n?a:i,children:n?`Done moving`:`Reposition`})]})]})}function Ai({thumbnailUrl:e,type:t}){return(0,p.jsx)(`div`,{className:`flex h-16 w-16 shrink-0 items-center justify-center overflow-hidden rounded-md bg-[#f8f6f3] text-xs font-semibold text-black/60 ring-1 ring-slate-200`,children:e?(0,p.jsx)(`img`,{alt:``,className:`h-full w-full object-cover`,src:e}):(0,p.jsx)(`span`,{children:t})})}function ji(e,t){return e.imageUrl?`Image`:e.youtubeId?`YouTube`:e.videoUrl?`Video`:e.html===null?t?.type===`Canvas`?`Canvas`:t?.type?String(t.type):`Media`:`Text`}function Mi(e,t,n){let r=(0,u.getInternationalStringText)(t?.label,``),i=(0,u.getInternationalStringText)(e.annotation.label,``),a=e.html?Fi(e.html).slice(0,80):``;return r||i||a||`${ji(e,t)} layer ${n+1}`}function Ni(e,t,n){let r=`${Math.round(e.box.x)}, ${Math.round(e.box.y)} · ${Math.round(e.box.width)} x ${Math.round(e.box.height)}`;return[t?.format||t?.profile||t?.type||`${n} painting annotation`,`Position ${r}`].filter(Boolean).join(` · `)}function Pi(e,t){return(0,u.resolveContentResource)(t,Array.isArray(e?.body)?e.body[0]:e?.body)}function Fi(e){return e.replace(/<br\s*\/?>/gi,` `).replace(/<\/p>/gi,` `).replace(/<[^>]+>/g,` `).replace(/\s+/g,` `).trim()}function Ii({children:e}){return(0,p.jsx)(`div`,{className:`exhibition-workbench-muted text-sm font-semibold`,children:e})}const Li=[{id:`layout`,label:`Layout`},{id:`summary`,label:`Summary`},{id:`tour`,label:`Tour steps`}],Ri=[{id:`layout`,label:`Layout`},{id:`content`,label:`Content`},{id:`summary`,label:`Summary`},{id:`tour`,label:`Tour steps`}],zi=[{value:`simple`,label:`Simple`},{value:`advanced`,label:`Advanced`}],Bi=`exhibition-right-panel-mode`,Vi={track:`#f5eaf0`,active:`#b84c74`,inactiveText:`#8b3f61`,activeText:`#ffffff`,activeShadow:`0 1px 3px rgba(15, 23, 42, 0.18)`},Hi={id:`@exhibition/workbench-editor`,supports:{edit:!0,properties:[`label`,`summary`,`behavior`,`annotations`],resourceTypes:[`Canvas`],custom:({resource:e},t)=>H(e,t)?Je(e,t):!1},label:`Canvas`,component:()=>(0,p.jsx)(Wi,{})},Ui={...Hi,id:`@exhibition/slideshow-workbench-editor`,supports:{...Hi.supports,custom:({resource:e},t)=>H(e,t)},component:()=>(0,p.jsx)(Wi,{preset:`slideshow`})};function Wi({preset:e=`default`}){let[t,n]=(0,l.useLocalStorage)(`exhibition-right-panel-mode`,`simple`),r=(0,d.useCanvas)(),i=(0,d.useVault)(),a=!!r?.behavior?.includes(`info`),o=tt(i,r),s=(0,m.useMemo)(()=>(e===`slideshow`?Ri:Li).filter(e=>e.id!==`tour`||o),[e,o]),[c,u]=(0,m.useState)(`layout`),f=W(e=>e.requestedTab),g=W(e=>e.clearRequestedTab),_=W(e=>e.setShowTourSteps),v=W(e=>e.setCenterPanelMode);(0,m.useEffect)(()=>{c===`tour`?v(`edit`):c===`layout`&&v(`preview`)},[]),(0,m.useEffect)(()=>{if(f&&s.some(e=>e.id===f)){let e=f;u(e),_(e===`tour`),e===`tour`?v(`edit`):e===`layout`&&v(`preview`),g()}},[g,f,v,_,s]),(0,m.useEffect)(()=>{c===`tour`&&!o&&(u(`layout`),_(!1))},[c,_,o]);let y=e=>{u(e),_(e===`tour`),e===`tour`?v(`edit`):e===`layout`&&v(`preview`)};return a?(0,p.jsx)(Ti,{}):(0,p.jsx)(h.Sidebar,{children:(0,p.jsxs)(h.SidebarContent,{className:`bg-white px-6 pt-5 pb-20`,children:[(0,p.jsx)(`div`,{className:`flex justify-center`,children:(0,p.jsx)(Gi,{value:t,options:zi,onChange:n})}),(0,p.jsx)(`div`,{className:[`mt-5 grid border-b border-[#e4ddd6]`,s.length===4?`grid-cols-4`:`grid-cols-3`].join(` `),children:s.map(e=>(0,p.jsx)(`button`,{type:`button`,className:[`exhibition-workbench-tab`,`-mb-px border-b-[3px] border-transparent px-1 pb-3 text-center text-sm font-semibold`,c===e.id?`border-me-primary-500 text-me-primary-500`:`exhibition-workbench-muted`].join(` `),onClick:()=>y(e.id),children:e.label},e.id))}),(0,p.jsxs)(`div`,{className:`mt-8 px-4`,children:[c===`layout`?(0,p.jsx)(vr,{mode:t,layoutContext:e===`slideshow`?`slideshow`:`default`}):null,c===`content`?(0,p.jsx)(Di,{}):null,c===`summary`?t===`simple`?(0,p.jsx)(Ki,{}):(0,p.jsx)(oi,{}):null,c===`tour`?(0,p.jsx)(xi,{mode:t,useSlideshowWorkbench:e===`slideshow`}):null]})]})})}function Gi({value:e,options:t,onChange:n}){return(0,p.jsx)(`div`,{className:`grid w-full max-w-[240px] grid-cols-2 rounded-full p-1`,style:{backgroundColor:Vi.track},children:t.map(t=>{let r=e===t.value;return(0,p.jsx)(v.Button,{className:`border-none rounded-full bg-transparent px-4 py-2 text-sm font-semibold transition-colors`,style:{backgroundColor:r?Vi.active:`transparent`,color:r?Vi.activeText:Vi.inactiveText,boxShadow:r?Vi.activeShadow:`none`},onPress:()=>n(t.value),children:t.label},t.value)})})}function Ki(){let e=(0,d.useCanvas)();return e?(0,p.jsx)(l.ResourceEditingProvider,{resource:e,children:(0,p.jsxs)(`div`,{className:`flex flex-col gap-7`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(qi,{children:`Slide title`}),(0,p.jsx)(`div`,{className:`mt-2`,children:(0,p.jsx)(u.LanguageMapEditor,{dispatchType:`label`,disableMultiline:!0,disallowHTML:!0})})]}),(0,p.jsxs)(`div`,{children:[(0,p.jsx)(qi,{children:`Slide summary`}),(0,p.jsx)(`div`,{className:`mt-2`,children:(0,p.jsx)(u.LanguageMapEditor,{dispatchType:`summary`})})]})]})}):null}function qi({children:e}){return(0,p.jsx)(`div`,{className:`exhibition-workbench-muted text-sm font-semibold`,children:e})}const Ji=e=>(0,p.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 15 15`,...e,children:(0,p.jsx)(`path`,{fill:`currentColor`,d:`M4.5 1a2.5 2.5 0 0 0-2.45 2H0v1h2.05a2.5 2.5 0 0 0 4.9 0H15V3H6.95A2.5 2.5 0 0 0 4.5 1m6 8a2.5 2.5 0 0 0-2.45 2H0v1h8.05a2.5 2.5 0 0 0 4.9 0H15v-1h-2.05a2.5 2.5 0 0 0-2.45-2`})});var Yi=Ji;const Xi=(0,l.extendApp)((0,l.mapApp)(c),{id:`exhibition-scrolling-editor`,title:`Exhibition Editor (scrolling)`,project:!0,projectType:`Manifest`},{config:{editorConfig:{}},leftPanels:[],centerPanels:[],annotations:[],background:[],canvasEditors:[],editors:[wi,Hi,Zr,fr,ii,vi],creators:[In,Hn,Tn,Cn,X,Pn,zn]}),Zi={id:`slideshow-canvas-editor`,label:`Slideshow canvas editor`,component:()=>(0,p.jsx)(Qi,{}),supports:{strategy:(e,t,n)=>{let r=n.get(t.resource);return r?.type===`Canvas`&&Xe(r)}}};function Qi(){let e=(0,d.useCanvas)(),t=(0,d.useManifest)(),{edit:n}=(0,l.useLayoutActions)(),{rightPanel:r}=(0,l.useLayoutState)(),i=W(e=>e.centerPanelMode),a=(0,d.useCurrentAnnotationRequest)(),o=(0,u.useAnnotationEditing)(e=>e.annotationId),[s,c]=(0,m.useState)(1),f=t?.items?.findIndex(t=>t.id===e?.id),h=typeof f==`number`?t?.items?.[f-1]:void 0,g=typeof f==`number`?t?.items?.[f+1]:void 0;return e?a||o||i===`edit`||r.current===`@manifest-editor/editor`&&r.state?.currentTab?.startsWith(`@exhibition/tour-steps`)?(0,p.jsx)(u.CanvasPanelEditor,{asFallback:!0}):(0,p.jsxs)(`div`,{className:`exhibition-slideshow-current-canvas flex h-full min-h-0 flex-col bg-slate-100`,children:[(0,p.jsxs)(`div`,{className:`exhibition-slideshow-current-toolbar flex items-center gap-3 border-b border-slate-200 bg-white px-4 py-3 shadow-sm`,children:[(0,p.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,p.jsx)(d.LocaleString,{className:`block truncate text-sm font-semibold text-slate-800`,children:e.label})}),(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)($i,{onPress:()=>c(1),children:`Home`}),(0,p.jsx)($i,{onPress:()=>c(e=>Math.max(.25,e-.25)),children:`-`}),(0,p.jsx)($i,{onPress:()=>c(e=>Math.min(3,e+.25)),children:`+`}),(0,p.jsx)($i,{isDisabled:!h,onPress:()=>h&&n({id:h.id,type:`Canvas`},void 0,{forceOpen:!1}),children:`Previous`}),(0,p.jsx)($i,{isDisabled:!g,onPress:()=>g&&n({id:g.id,type:`Canvas`},void 0,{forceOpen:!1}),children:`Next`})]})]}),(0,p.jsx)(`div`,{className:`exhibition-slideshow-current-viewport min-h-0 flex-1 overflow-auto p-8`,children:(0,p.jsx)(`div`,{className:`exhibition-slideshow-current-preview mx-auto origin-top overflow-hidden rounded-md bg-white shadow-xl ring-1 ring-black/10`,style:{width:`min(100%, 1200px)`,aspectRatio:`${e.width||1920} / ${e.height||1080}`,transform:`scale(${s})`,transformOrigin:`top center`},children:(0,p.jsx)(d.CanvasContext,{canvas:e.id,children:(0,p.jsx)(yt,{})})})})]}):null}function $i({children:e,isDisabled:t,onPress:n}){return(0,p.jsx)(v.Button,{className:`exhibition-slideshow-current-control rounded-md border border-slate-200 bg-white px-3 py-2 text-sm font-semibold text-slate-700 shadow-sm transition hover:bg-slate-50 disabled:cursor-not-allowed disabled:opacity-40`,isDisabled:t,onPress:n,children:e})}const ea=e=>(0,p.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 48 48`,...e,children:(0,p.jsxs)(`g`,{fill:`none`,stroke:`#000`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:4,children:[(0,p.jsx)(`path`,{d:`m20 8 4-4m0 0 4 4m-4-4v12M20 40l4 4m0 0 4-4m-4 4V32M40 20l4 4m0 0-4 4m4-4H32M8 20l-4 4m0 0 4 4m-4-4h12`}),(0,p.jsx)(`circle`,{cx:24,cy:24,r:2})]})});var ta=ea;const na=e=>(0,p.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,...e,children:(0,p.jsx)(`path`,{fill:`currentColor`,d:`M20 22H4q-.825 0-1.413-.588T2 20V8q0-.825.588-1.413T4 6h5.975v2H4v12h16v-3.975h2V20q0 .825-.588 1.413T20 22ZM4 20V8v8.025-.675V20Zm13-5.975-1.55-3.475L11.975 9l3.475-1.55L17 4l1.55 3.45L22 9l-3.45 1.55L17 14.025Z`})});var ra=na;const ia={skipEditingOnCreate:!0},aa=`<h2>New step</h2><p>Description</p>`,oa={id:`@exhibitions/slideshow-center-panel`,label:`Slideshow workbench`,icon:(0,p.jsx)(ra,{}),render:()=>(0,p.jsx)(sa,{})};function sa(){let{structural:e,technical:t}=(0,l.useManifestEditor)(),n=e.items.get(),r={id:t.id.get(),type:`Manifest`},i=(0,d.useVault)(),[,a]=(0,l.useCreator)(r,`items`,`Canvas`,void 0,{isPainting:!0}),o=(0,u.useInStack)(`Canvas`),{edit:s}=(0,l.useLayoutActions)(),c=U(e=>e.clear),f=o?.resource.source.id||n[0]?.id,g=f?n.findIndex(e=>e.id===f):-1,_=g>=0?g:0,v=g>=0?n[g]:n[0]||null;(0,m.useEffect)(()=>{for(let e of n)st(i,i.get(e))},[n,i]);let y=()=>{a.createFiltered(`exhibition-slideshow-slide`,n.length?_+1:void 0)},b=(e,t,n=!1)=>{s({id:e.id,type:`Canvas`},{parent:r,property:`items`,index:t},{forceOpen:n})},x=(e,t)=>{c(),b(e,t)},S=t=>{if(!n[t]||!confirm(`Are you sure you want to delete this slide?`))return;let r=n[t+1]||n[t-1]||null,i=n[t+1]?t:t-1;c(),e.items.deleteAtIndex(t),r&&b(r,Math.max(0,i))},C=_>0?n[_-1]:void 0,w=_<n.length-1?n[_+1]:void 0;return n.length?(0,p.jsx)(ca,{children:(0,p.jsxs)(`div`,{className:`exhibition-slideshow-main flex min-h-full flex-col gap-6 pb-12 pt-16`,children:[(0,p.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3 px-8`,style:{paddingInlineStart:`calc(2rem + var(--manifest-editor-layout-left-sidebar-small, 0px))`,paddingInlineEnd:`calc(2rem + var(--manifest-editor-layout-right-sidebar-small, 0px))`},children:[(0,p.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,p.jsx)(`p`,{className:`text-sm font-semibold uppercase tracking-wider text-me-primary-500`,children:`Slideshow workbench`}),(0,p.jsx)(`h2`,{className:`exhibition-slideshow-heading truncate text-2xl font-bold text-slate-900`,children:v?(0,p.jsx)(d.CanvasContext,{canvas:v.id,children:(0,p.jsx)(la,{})}):`Slides`}),(0,p.jsxs)(`p`,{className:`exhibition-slideshow-muted mt-1 text-sm font-semibold text-slate-500`,children:[`Slide `,_+1,` of `,n.length]})]}),(0,p.jsx)(ua,{current:_+1,total:n.length,onPrevious:C?()=>x(C,_-1):void 0,onNext:w?()=>x(w,_+1):void 0}),(0,p.jsx)(`div`,{children:(0,p.jsx)(h.ActionButton,{primary:!0,onPress:y,children:`Add new slide`})})]}),(0,p.jsxs)(`div`,{className:`flex flex-1 flex-col gap-5 px-8`,style:{paddingInlineStart:`calc(1.5rem + var(--manifest-editor-layout-left-sidebar-small, 0px))`,paddingInlineEnd:`calc(1.5rem + var(--manifest-editor-layout-right-sidebar-small, 0px))`},children:[(0,p.jsx)(`div`,{className:`exhibition-slideshow-preview-frame flex items-center justify-center overflow-hidden rounded-lg bg-slate-100`,children:v?(0,p.jsx)(d.CanvasContext,{canvas:v.id,children:(0,p.jsx)(fa,{})}):null}),(0,p.jsxs)(`aside`,{className:`exhibition-slideshow-slide-strip overflow-hidden rounded-lg border border-slate-200 bg-white p-4`,children:[(0,p.jsx)(`div`,{className:`exhibition-slideshow-heading mb-3 text-sm font-semibold text-slate-700`,children:`Slides`}),(0,p.jsx)(`div`,{className:`flex gap-3 overflow-x-auto pb-2`,children:n.map((e,t)=>(0,p.jsx)(d.CanvasContext,{canvas:e.id,children:(0,p.jsx)(Oa,{index:t,selected:v?.id===e.id,onPress:()=>x(e,t),onDelete:()=>S(t)})},e.id))})]})]})]})}):(0,p.jsx)(ca,{children:(0,p.jsx)(`div`,{className:`flex min-h-full items-center justify-center px-24 py-12`,children:(0,p.jsxs)(`div`,{className:`w-full max-w-4xl`,children:[(0,p.jsx)(`p`,{className:`text-sm font-semibold uppercase tracking-wider text-me-primary-500`,children:`Slideshow exhibition`}),(0,p.jsx)(`h2`,{className:`mt-2 text-3xl font-bold text-slate-900`,children:`Create your first slideshow slide`}),(0,p.jsx)(`p`,{className:`mt-3 max-w-2xl text-sm text-slate-600`,children:`Add a new slide and choose one of the supported slideshow slide types. You can add images, text, media, and tour steps after the slide is created.`}),(0,p.jsx)(`div`,{className:`mt-8`,children:(0,p.jsx)(h.ActionButton,{primary:!0,large:!0,onPress:y,children:`Add new slide`})})]})})})}function ca({children:e}){return(0,p.jsx)(h.SidebarContent,{className:`exhibition-slideshow-workbench h-full overflow-x-hidden overflow-y-auto bg-[#f8f6f3]`,children:e})}function la(){return(0,p.jsx)(p.Fragment,{children:Ea((0,d.useCanvas)()?.label,`Untitled slide`)||`Untitled slide`})}function ua({current:e,total:t,onPrevious:n,onNext:r}){return(0,p.jsxs)(`div`,{className:`exhibition-slideshow-navigation flex items-stretch overflow-hidden rounded-lg border border-slate-200 bg-white text-sm text-slate-800 shadow-sm`,children:[(0,p.jsx)(v.Button,{className:`border-none bg-white px-5 py-3 font-semibold transition hover:bg-slate-50 disabled:cursor-not-allowed disabled:text-slate-300`,isDisabled:!n,onPress:n,children:`Previous`}),(0,p.jsxs)(`span`,{className:`exhibition-slideshow-navigation-current flex min-w-[96px] items-center justify-center border-x border-slate-200 bg-slate-50 px-4 font-bold text-slate-900`,children:[e,` of `,t]}),(0,p.jsx)(v.Button,{className:`border-none bg-white px-5 py-3 font-semibold transition hover:bg-slate-50 disabled:cursor-not-allowed disabled:text-slate-300`,isDisabled:!r,onPress:r,children:`Next`})]})}function da({current:e,total:t,onPrevious:n,onNext:r}){return(0,p.jsxs)(`div`,{className:`exhibition-slideshow-navigation flex items-stretch overflow-hidden rounded-md border border-slate-200 bg-white text-xs text-slate-800 shadow-sm`,children:[(0,p.jsx)(v.Button,{className:`border-none bg-white px-3 py-2 font-semibold transition hover:bg-slate-50 disabled:cursor-not-allowed disabled:text-slate-300`,isDisabled:!n,onPress:n,children:`Previous step`}),(0,p.jsx)(`span`,{className:`exhibition-slideshow-navigation-current flex min-w-[84px] items-center justify-center border-x border-slate-200 bg-slate-50 px-3 font-bold text-slate-900`,children:t?`${e} of ${t}`:`0 of 0`}),(0,p.jsx)(v.Button,{className:`border-none bg-white px-3 py-2 font-semibold transition hover:bg-slate-50 disabled:cursor-not-allowed disabled:text-slate-300`,isDisabled:!r,onPress:r,children:`Next step`})]})}function fa(){let e=(0,d.useCanvas)(),t=(0,d.useVault)(),n=(0,l.useInlineCreator)(),r=W(e=>e.centerPanelMode),i=W(e=>e.setCenterPanelMode),a=r,o=i,[s,c]=(0,m.useState)(null),[u,f]=(0,m.useState)(`box`),h=(0,m.useRef)(null),g=(0,m.useRef)(null),_=e?.annotations?.[0]?.id,b=e?.items?.[0]?{id:e.items[0].id,type:`AnnotationPage`}:void 0,[,x]=(0,l.useCreator)(b,`items`,`Annotation`,e?$e(e):void 0,{isPainting:!0}),{selectedAnnotationId:S,repositioningAnnotationId:C,selectedTextRegion:w,repositioningTextRegion:T,selectedTourStepId:E,selectAnnotation:D,startRepositioning:O,stopRepositioning:k,startTextRepositioning:A,stopTextRepositioning:j,selectTourStep:M,stopTourStepRepositioning:N}=U(),ee=W(e=>e.requestTab),te=W(e=>e.showTourSteps),P=W(e=>e.setShowTourSteps),F=(0,d.useVaultSelector)((t,n)=>e?G(n,e):[],[e?.id,b?.id]),I=F.find(e=>e.id===S),ne=w===`editorial-text`?ct(e).text:null,L=(0,d.useVaultSelector)((t,n)=>e?et(n,e):[],[e?.id,_]),R=L.find(e=>e.id===E)||L[0],z=R?Math.max(0,L.findIndex(e=>e.id===R.id)):-1,re=tt(t,e),B=te&&re,ie=e=>{let t=L[e];t?.id&&M(t.id)};(0,m.useEffect)(()=>{h.current=null,g.current=null,c(null),f(`box`)},[e?.id]),(0,m.useEffect)(()=>{!re&&te&&(P(!1),N(),c(null))},[P,te,N,re]),(0,m.useEffect)(()=>{B&&o(`edit`)},[B]),(0,m.useEffect)(()=>{if(h.current===null){h.current=F.length;return}let e=F[F.length-1];F.length>h.current&&e?.id&&(D(e.id),ee(`content`),P(!1)),h.current=F.length},[F,ee,D,P]),(0,m.useEffect)(()=>{if(g.current===null){g.current=L.length;return}let e=L[L.length-1];L.length>g.current&&e?.id&&(M(e.id),k(),j(),P(!0)),g.current=L.length},[M,P,k,j,L]);let ae=()=>{let e=!te;P(e),e?(k(),j(),R?.id&&M(R.id)):N()},oe=()=>{e&&n.create(`@manifest-editor/empty-annotation-page`,{label:{en:[`Tour steps`]}},{target:{id:e.id,type:`Canvas`},targetType:`AnnotationPage`,parent:{property:`annotations`,resource:{id:e.id,type:`Canvas`}}})},se=()=>{!e||!_||(P(!0),k(),j(),f(`box`),c({type:`add`}))},ce=()=>{R?.id&&(P(!0),k(),j(),f(`box`),c({type:`edit`,annotationId:R.id}))};return(0,p.jsxs)(`div`,{className:`exhibition-slideshow-preview-card group relative flex max-h-full flex-col overflow-hidden rounded-md bg-white shadow-xl ring-1 ring-black/10`,style:{width:`100%`,height:`min(68vh, 760px)`,minHeight:420},children:[(0,p.jsxs)(`div`,{className:`exhibition-slideshow-toolbar flex flex-wrap items-center justify-between gap-3 border-b border-slate-200 bg-white px-4 py-3`,children:[(0,p.jsx)(`span`,{className:`exhibition-slideshow-muted text-xs font-semibold text-slate-500`,children:a===`edit`?`Click content to edit or reposition it`:`Slideshow layout preview (approximate)`}),(0,p.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[a===`edit`?(0,p.jsxs)(p.Fragment,{children:[re?(0,p.jsx)(v.Button,{className:(0,y.twMerge)(`rounded-md border px-3 py-2 text-xs font-semibold shadow-sm transition`,B?`border-me-primary-500 bg-me-primary-50 text-me-primary-600`:`border-slate-200 bg-white text-slate-700 hover:border-me-primary-300`),onPress:ae,children:B?`Hide tour steps`:`Show tour steps`}):null,B?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(da,{current:z+1,total:L.length,onPrevious:z>0?()=>ie(z-1):void 0,onNext:z>=0&&z<L.length-1?()=>ie(z+1):void 0}),_?(0,p.jsx)(v.Button,{className:`rounded-md bg-me-primary-500 px-3 py-2 text-xs font-semibold text-white shadow-sm transition hover:bg-me-primary-600`,onPress:se,children:`Add tour step`}):(0,p.jsx)(v.Button,{className:`rounded-md bg-me-primary-500 px-3 py-2 text-xs font-semibold text-white shadow-sm transition hover:bg-me-primary-600`,onPress:oe,children:`Create tour`})]}):(0,p.jsx)(v.Button,{className:`rounded-md bg-me-primary-500 px-3 py-2 text-xs font-semibold text-white shadow-sm transition hover:bg-me-primary-600`,onPress:()=>{P(!1),N(),x.create(void 0,ia)},children:`Add content`})]}):null,(0,p.jsxs)(`div`,{className:`flex shrink-0 overflow-hidden rounded-md border border-slate-200 bg-slate-50 text-xs font-semibold`,children:[(0,p.jsx)(Da,{selected:a===`edit`,onPress:()=>o(`edit`),children:`Edit`}),(0,p.jsx)(Da,{selected:a===`preview`,onPress:()=>o(`preview`),children:`Preview`})]})]})]}),(0,p.jsxs)(`div`,{className:`relative min-h-0 flex-1 bg-black`,children:[(0,p.jsx)(yt,{editable:a===`edit`,mode:a,showTourSteps:B}),s&&e&&_?(0,p.jsx)(ba,{annotationPageId:_,canvas:e,mode:s,selectedTool:u,setSelectedTool:f,vault:t,onCancel:()=>c(null),onComplete:e=>{e&&M(e),P(!0),c(null)}}):null,!s&&a===`edit`&&!B&&I&&e?(0,p.jsx)(ga,{annotation:I,canvas:e,isRepositioning:C===I.id,onStartReposition:()=>O(I.id),onStopReposition:k,vault:t}):null,!s&&a===`edit`&&!B&&ne&&e?(0,p.jsx)(ga,{canvas:e,currentBox:ne,isRepositioning:T===w,label:`Editorial text`,onStartReposition:()=>A(`editorial-text`),onStopReposition:j,setBox:n=>ot(t,e,n),vault:t}):null,!s&&a===`edit`&&B&&e?R?(0,p.jsx)(ga,{annotation:R,canvas:e,isRepositioning:!1,label:`Selected tour step target`,onStopReposition:N,showBoxFields:!0,showRepositionButton:!1,vault:t,children:_?(0,p.jsx)(pa,{annotationPageId:_,canvas:e,onAddTourStep:se,onEditTarget:ce,selectedTourStepId:R?.id}):null}):(0,p.jsx)(ha,{label:`Tour steps`,children:_?(0,p.jsx)(pa,{annotationPageId:_,canvas:e,onAddTourStep:se,onEditTarget:ce,selectedTourStepId:R?.id}):(0,p.jsx)(ma,{onCreate:oe})}):null]})]})}function pa({annotationPageId:e,canvas:t,onAddTourStep:n,onEditTarget:r,selectedTourStepId:i}){return(0,p.jsx)(l.ResourceEditingProvider,{resource:t,children:(0,p.jsx)(d.AnnotationPageContext,{annotationPage:e,children:(0,p.jsxs)(`div`,{className:`space-y-3 text-slate-800`,children:[(0,p.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,p.jsx)(`h3`,{className:`text-sm font-semibold text-slate-800`,children:`Tour steps`}),(0,p.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[i?(0,p.jsx)($,{label:`Edit target`,onPress:r}):null,(0,p.jsx)($,{primary:!0,label:`Add step`,onPress:n})]})]}),(0,p.jsx)(`p`,{className:`text-xs text-slate-500`,children:`Select a step below. Use the quick box controls here, or edit the target with the Atlas drawing tools.`}),(0,p.jsx)(`div`,{className:`max-h-72 overflow-y-auto pr-1`,children:(0,p.jsx)(_i,{reorderable:!1,useSlideshowWorkbench:!0})})]})})})}function ma({onCreate:e}){return(0,p.jsxs)(`div`,{className:`space-y-3 text-slate-800`,children:[(0,p.jsx)(`p`,{className:`text-xs text-slate-600`,children:`This slide does not have a tour annotation page yet.`}),(0,p.jsx)($,{primary:!0,label:`Create tour`,onPress:e})]})}function ha({children:e,label:t}){return(0,p.jsxs)(`div`,{className:`absolute bottom-4 left-4 z-40 max-w-[min(34rem,calc(100%-2rem))] rounded-lg bg-white/95 p-3 text-xs shadow-lg ring-1 ring-black/10`,children:[(0,p.jsx)(`div`,{className:`mb-2 font-semibold text-slate-700`,children:t}),e]})}function ga({annotation:e,canvas:t,children:n,currentBox:r,isRepositioning:i,label:a=`Selected content`,onStartReposition:o,onStopReposition:s,setBox:c,vault:l,hidePositionControls:u=!1,showBoxFields:d=!1,showRepositionButton:f=!0}){let h=(0,m.useRef)(null),g=(0,m.useRef)(null),[_,v]=(0,m.useState)(null),b=Number(t?.width)||1920,x=Number(t?.height)||1080,S=r||it(e,t),C=c||(n=>at(l,t,e.id,n)),w=Math.round(b/2),T=Math.round(x/2),E=e=>{let t=h.current,n=t?.offsetParent,r=t?.getBoundingClientRect(),i=n?.getBoundingClientRect();!t||!r||!i||(e.currentTarget.setPointerCapture(e.pointerId),g.current={pointerId:e.pointerId,startX:e.clientX,startY:e.clientY,panelX:r.left-i.left,panelY:r.top-i.top,maxX:Math.max(16,i.width-r.width-16),maxY:Math.max(16,i.height-r.height-16)})},D=e=>{let t=g.current;!t||t.pointerId!==e.pointerId||v({x:Math.min(t.maxX,Math.max(16,t.panelX+e.clientX-t.startX)),y:Math.min(t.maxY,Math.max(16,t.panelY+e.clientY-t.startY))})},O=e=>{g.current?.pointerId===e.pointerId&&(g.current=null,e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId))};return(0,p.jsx)(`div`,{ref:h,className:(0,y.twMerge)(`absolute z-40 w-[min(30rem,calc(100%-2rem))] rounded-lg bg-white/95 p-3 text-xs shadow-lg ring-1 ring-black/10`,_?null:`bottom-4 left-4`),style:_?{left:_.x,top:_.y}:void 0,children:(0,p.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,p.jsxs)(`div`,{className:`min-w-[280px]`,children:[(0,p.jsxs)(`div`,{className:`mb-2 flex items-center justify-between gap-3`,children:[(0,p.jsx)(`span`,{className:`font-semibold text-slate-700`,children:a}),(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(`button`,{className:`cursor-move rounded border border-slate-200 bg-white px-2 py-1 text-[11px] font-semibold text-slate-600 transition hover:border-me-primary-300 hover:text-me-primary-600`,type:`button`,onPointerDown:E,onPointerMove:D,onPointerUp:O,onPointerCancel:O,children:(0,p.jsx)(ta,{})}),(0,p.jsxs)(`span`,{className:`text-slate-400`,children:[Math.round(S.width),` x `,Math.round(S.height)]})]})]}),u?null:(0,p.jsxs)(`div`,{className:`space-y-2`,children:[(0,p.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[f&&o?(0,p.jsx)($,{onPress:o,label:`Reposition`,primary:!0}):null,i&&s?(0,p.jsx)($,{onPress:s,label:`Stop moving`}):null,(0,p.jsx)($,{onPress:()=>C({x:0,y:0,width:b,height:x}),label:`Fill`}),(0,p.jsx)($,{onPress:()=>C({x:Math.round(b*.1),y:Math.round(x*.1),width:Math.round(b*.8),height:Math.round(x*.8)}),label:`Centre`}),(0,p.jsx)($,{onPress:()=>C({x:0,y:0,width:w,height:x}),label:`Left`}),(0,p.jsx)($,{onPress:()=>C({x:w,y:0,width:w,height:x}),label:`Right`}),(0,p.jsx)($,{onPress:()=>C({x:0,y:0,width:b,height:T}),label:`Top`}),(0,p.jsx)($,{onPress:()=>C({x:0,y:T,width:b,height:T}),label:`Bottom`})]}),d?(0,p.jsx)(_a,{box:S,onChange:C}):null]})]}),n?(0,p.jsx)(`div`,{className:`w-full border-t border-slate-200 pt-3`,children:n}):null]})})}function _a({box:e,onChange:t}){let n=(n,r)=>{let i=Number(r);Number.isFinite(i)&&t({...e,[n]:Math.round(i)})};return(0,p.jsxs)(`div`,{className:`grid grid-cols-4 gap-2 pt-1`,children:[(0,p.jsx)(va,{label:`X`,value:e.x,onChange:e=>n(`x`,e)}),(0,p.jsx)(va,{label:`Y`,value:e.y,onChange:e=>n(`y`,e)}),(0,p.jsx)(va,{label:`W`,value:e.width,onChange:e=>n(`width`,e)}),(0,p.jsx)(va,{label:`H`,value:e.height,onChange:e=>n(`height`,e)})]})}function va({label:e,value:t,onChange:n}){return(0,p.jsxs)(`label`,{className:`block text-[11px] font-semibold text-slate-500`,children:[e,(0,p.jsx)(`input`,{className:`mt-1 w-full rounded border border-slate-200 bg-white px-1.5 py-1 text-xs text-slate-900 outline-none focus:border-me-primary-400 focus:ring-1 focus:ring-me-primary-100`,type:`number`,value:Math.round(t),onChange:e=>n(e.target.value)})]})}function ya(e,t,n,r){let i=`${n}/tour-step/${Date.now()}-${Math.random().toString(36).slice(2,8)}`,a=`${i}/body/en`,o=e.get?.({id:n,type:`AnnotationPage`})||{},s=Array.isArray(o?.items)?o.items:[],c=()=>{e.dispatch((0,j.importEntities)({entities:{ContentResource:{[a]:{id:a,type:`TextualBody`,language:`en`,format:`text/html`,value:`<h2>New step</h2><p>Description</p>`}},Annotation:{[i]:{id:i,type:`Annotation`,motivation:`tagging`,label:{en:[`New step`]},body:[{id:a,type:`ContentResource`}],target:r}}}})),e.dispatch((0,j.addMappings)({mapping:{[a]:`ContentResource`,[i]:`Annotation`}})),e.modifyEntityField({id:n,type:`AnnotationPage`},`items`,[...s,{id:i,type:`Annotation`}])};return e.batch?e.batch(c):c(),i}function ba({annotationPageId:e,canvas:t,mode:n,selectedTool:r,setSelectedTool:i,vault:a,onCancel:o,onComplete:s}){let c=(0,m.useRef)(null),[l,u]=(0,m.useState)(null),[d,f]=(0,m.useState)(null),[h,g]=(0,m.useState)([]),_=Number(t?.width)||1920,v=Number(t?.height)||1080,y=e=>{let t=c.current;if(!t)return{x:0,y:0};let n=t.createSVGPoint();n.x=e.clientX,n.y=e.clientY;let r=t.getScreenCTM()?.inverse(),i=r?n.matrixTransform(r):n;return{x:Ta(Math.round(i.x),0,_),y:Ta(Math.round(i.y),0,v)}},b=e=>{if(e.preventDefault(),r===`polygon`){let t=y(e);g(e=>[...e,t]);return}u(y(e)),f(null)},x=e=>{if(!l||r===`polygon`)return;let t=y(e);r===`box`&&f({type:`box`,x:Math.min(l.x,t.x),y:Math.min(l.y,t.y),width:Math.abs(t.x-l.x),height:Math.abs(t.y-l.y)}),r===`circle`&&f({type:`circle`,cx:l.x,cy:l.y,r:Math.round(Math.sqrt((t.x-l.x)**2+(t.y-l.y)**2))}),r===`line`&&f({type:`line`,x1:l.x,y1:l.y,x2:t.x,y2:t.y})},S=()=>{u(null)},C=r===`polygon`&&h.length?{type:`polygon`,points:h}:d,w=()=>{u(null),f(null),g([])};return(0,p.jsxs)(`div`,{className:`absolute inset-0 z-30`,children:[(0,p.jsxs)(`svg`,{ref:c,className:`absolute inset-0 h-full w-full cursor-crosshair touch-none`,preserveAspectRatio:`xMidYMid meet`,viewBox:`0 0 ${_} ${v}`,onPointerDown:b,onPointerMove:x,onPointerUp:S,onPointerCancel:S,children:[(0,p.jsx)(`rect`,{x:0,y:0,width:_,height:v,fill:`transparent`}),C?(0,p.jsx)(Sa,{shape:C}):null,h.map((e,t)=>(0,p.jsx)(`circle`,{cx:e.x,cy:e.y,r:8,fill:`white`,stroke:`#be4778`,strokeWidth:4},`${e.x}-${e.y}-${t}`))]}),(0,p.jsxs)(`div`,{className:`absolute left-4 top-4 z-40 flex flex-wrap items-center gap-2 rounded-lg bg-white/95 p-2 text-xs shadow-lg ring-1 ring-black/10`,children:[(0,p.jsx)(`span`,{className:`mr-2 font-semibold text-slate-700`,children:n.type===`add`?`Draw new tour step`:`Edit target`}),(0,p.jsx)(xa,{active:r===`box`,label:`Box`,onPress:()=>{w(),i(`box`)}}),(0,p.jsx)(xa,{active:r===`circle`,label:`Circle`,onPress:()=>{w(),i(`circle`)}}),(0,p.jsx)(xa,{active:r===`line`,label:`Line`,onPress:()=>{w(),i(`line`)}}),(0,p.jsx)(xa,{active:r===`polygon`,label:`Polygon`,onPress:()=>{w(),i(`polygon`)}}),(0,p.jsx)($,{primary:!0,label:n.type===`add`?`Create step`:`Save target`,onPress:()=>{if(!C)return;let r=Ca(t.id,C);if(n.type===`edit`){a.modifyEntityField({id:n.annotationId,type:`Annotation`},`target`,r),s(n.annotationId);return}s(ya(a,t,e,r))}}),(0,p.jsx)($,{label:`Clear`,onPress:w}),(0,p.jsx)($,{label:`Cancel`,onPress:o})]})]})}function xa({active:e,label:t,onPress:n}){return(0,p.jsx)(v.Button,{className:(0,y.twMerge)(`rounded-md border px-2.5 py-1.5 font-semibold transition`,e?`border-me-primary-500 bg-me-primary-500 text-white`:`border-slate-200 bg-white text-slate-700 hover:border-me-primary-300 hover:bg-me-primary-50`),onPress:n,children:t})}function Sa({shape:e}){let t={fill:`rgba(190, 71, 120, 0.18)`,stroke:`#be4778`,strokeWidth:6,vectorEffect:`non-scaling-stroke`};return e.type===`box`?(0,p.jsx)(`rect`,{...t,x:e.x,y:e.y,width:e.width,height:e.height}):e.type===`circle`?(0,p.jsx)(`circle`,{...t,cx:e.cx,cy:e.cy,r:e.r}):e.type===`line`?(0,p.jsx)(`line`,{x1:e.x1,y1:e.y1,x2:e.x2,y2:e.y2,stroke:`#be4778`,strokeWidth:6,vectorEffect:`non-scaling-stroke`}):(0,p.jsx)(`polygon`,{...t,points:e.points.map(e=>`${e.x},${e.y}`).join(` `)})}function Ca(e,t){return t.type===`box`?`${e}#xywh=${Math.round(t.x)},${Math.round(t.y)},${Math.round(t.width)},${Math.round(t.height)}`:{source:e,selector:{type:`SvgSelector`,value:wa(t)}}}function wa(e){return e.type===`circle`?`<svg xmlns="http://www.w3.org/2000/svg"><circle cx="${Math.round(e.cx)}" cy="${Math.round(e.cy)}" r="${Math.round(e.r)}" /></svg>`:e.type===`line`?`<svg xmlns="http://www.w3.org/2000/svg"><line x1="${Math.round(e.x1)}" y1="${Math.round(e.y1)}" x2="${Math.round(e.x2)}" y2="${Math.round(e.y2)}" /></svg>`:`<svg xmlns="http://www.w3.org/2000/svg"><polygon points="${e.points.map(e=>`${Math.round(e.x)},${Math.round(e.y)}`).join(` `)}" /></svg>`}function Ta(e,t,n){return Math.min(n,Math.max(t,e))}function Ea(e,t=``){if(!e)return t;if(typeof e==`string`)return e;let n=e.en||e.none||Object.values(e).flat();return Array.isArray(n)&&n.length?String(n[0]):t}function $({label:e,onPress:t,primary:n}){return(0,p.jsx)(v.Button,{className:(0,y.twMerge)(`rounded-md border px-2.5 py-1.5 font-semibold transition`,n?`border-me-primary-500 bg-me-primary-500 text-white hover:bg-me-primary-600`:`border-slate-200 bg-white text-slate-700 hover:border-me-primary-300 hover:bg-me-primary-50`),onPress:t,children:e})}function Da({children:e,selected:t,onPress:n}){return(0,p.jsx)(v.Button,{className:(0,y.twMerge)(`border-none px-3 py-2 transition`,t?`bg-me-primary-500 text-white`:`bg-transparent text-slate-600 hover:bg-white`),onPress:n,children:e})}function Oa({index:e,selected:t,onPress:n,onDelete:r}){let i=(0,d.useCanvas)();return(0,p.jsxs)(`div`,{className:(0,y.twMerge)(`exhibition-slideshow-slide-card relative w-44 shrink-0 rounded-md border bg-white p-2 text-left transition`,t?`border-me-primary-500 ring-2 ring-me-primary-200`:`border-slate-200 hover:border-me-primary-300`),children:[(0,p.jsxs)(v.Button,{className:`block w-full border-none bg-transparent p-0 text-left`,onPress:n,children:[(0,p.jsx)(`div`,{className:`aspect-video overflow-hidden rounded`,style:{backgroundColor:`#0e0d12`},children:(0,p.jsx)(yt,{className:`pointer-events-none h-full w-full`,mode:`preview`})}),(0,p.jsxs)(`div`,{className:`mt-2 flex items-center gap-2 pr-7`,children:[(0,p.jsx)(`span`,{className:`flex h-6 w-6 shrink-0 items-center justify-center rounded bg-slate-100 text-xs font-semibold text-slate-600`,children:e+1}),(0,p.jsx)(d.LocaleString,{className:`min-w-0 truncate text-sm font-medium text-slate-800`,children:i?.label})]})]}),(0,p.jsx)(v.Button,{className:`absolute bottom-2 right-2 flex items-center gap-1 rounded border border-me-primary-100 bg-white px-2 py-1 text-xs font-semibold text-me-primary-500 shadow-sm transition hover:bg-me-primary-50`,"aria-label":`Delete slide ${e+1}`,onPress:r,children:`Delete`})]})}const ka=(0,l.extendApp)((0,l.mapApp)(c),{id:`exhibition-slideshow-editor`,title:`Exhibition Editor (slideshow)`,project:!0,projectType:`Manifest`},{config:{editorConfig:{Canvas:{singleTab:`@exhibition/slideshow-workbench-editor`,hideTabs:[`@manifest-editor/overview`,`@manifest-editor/technical-properties`,`@manifest-editor/linking-properties`,`@manifest-editor/nav-place-editor`,`@manifest-editor/canvas-structural`,`@manifest-editor/descriptive-properties`,`@manifest-editor/overview-canvas-editor`,`@manifest-editor/metadata`]}}},leftPanels:[Mt],centerPanels:[oa],annotations:[M],leftPanelIds:[`left-panel-manifest`],background:[Qt],canvasEditors:[Zi],editors:[Ui,wi,Zr,fr,ii,vi],creators:[An,jn,Bn,Un,Ln]}),Aa=(0,l.extendApp)((0,l.mapApp)(c),{id:`exhibition-editor`,title:`Exhibition Editor`,project:!0,projectType:`Manifest`},{config:{editorConfig:{Canvas:{hideTabs:[`@manifest-editor/overview`,`@manifest-editor/technical-properties`,`@manifest-editor/linking-properties`,`@manifest-editor/nav-place-editor`,`@manifest-editor/canvas-structural`,`@manifest-editor/descriptive-properties`,`@manifest-editor/overview-canvas-editor`,`@manifest-editor/metadata`]}}},leftPanels:[jt,Bt],centerPanels:[_e,ze],annotations:[M],leftPanelIds:[`left-panel-manifest`],background:[Qt],canvasEditors:[en,xn,an],editors:[wi,Hi,Zr,fr,ii,vi],creators:[In,Hn,Tn,Cn,X,Pn,zn]});exports.PresetIcon=Yi,exports.exhibitionEditorPreset=Aa,exports.exhibitionEditorScrollingPreset=Xi,exports.exhibitionEditorSlideshowPreset=ka;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,s)=>(s=n==null?{}:e(i(n)),o(r||!n||!n.__esModule||!a.call(n,`default`)?t(s,`default`,{value:n,enumerable:!0}):s,n));let c=require("@manifest-editor/manifest-preset");c=s(c,1);let l=require("@manifest-editor/shell"),u=require("@manifest-editor/editors"),d=require("react-iiif-vault"),f=require("zustand"),p=require("react/jsx-runtime"),m=require("react");m=s(m,1);let h=require("@manifest-editor/components"),g=require("exhibition-viewer"),_=require("exhibition-viewer/library"),v=require("react-aria-components"),y=require("tailwind-merge"),b=require("@manifest-editor/manifest-preset/components"),x=require("tiny-invariant");x=s(x,1);let S=require("@iiif/parser/image-3"),C=require("@dnd-kit/core"),w=require("@dnd-kit/modifiers"),T=require("@dnd-kit/sortable"),E=require("@dnd-kit/utilities"),D=require("@iiif/helpers/vault/actions"),O=require("@manifest-editor/creator-api"),k=require("@manifest-editor/creators"),A=require("@iiif/parser"),j=require("@iiif/helpers"),M=require("@atlas-viewer/atlas");const N={id:`@exhibition/tour-step-annotations`,label:`Tour steps`,render:()=>(0,p.jsx)(F,{})},P={border:`2px solid rgba(255, 255, 255, 0.3)`,":hover":{borderColor:`#4B67E1`,backgroundColor:`rgba(255, 255, 255, 0.2)`}};function F(){let e=(0,d.useCanvas)(),t=(0,l.useAtlasStore)(),n=(0,f.useStore)(t,e=>e.tool.enabled),{rightPanel:r}=(0,l.useLayoutState)(),i=r.current===`@manifest-editor/editor`&&r.state?.currentTab?.startsWith(`@exhibition/tour-steps`),a=e?.annotations[0];return!i||!e||n||!a?null:(0,p.jsx)(p.Fragment,{children:(0,p.jsx)(d.AnnotationPageContext,{annotationPage:a.id,children:(0,p.jsx)(u.ViewerAnnotationPage,{showAnnotationNumber:!0,style:P})})})}const I=`https://exhibitionviewer.org/iiif/theme-service`,ee={en:[`Exhibition viewer theme`]},L={fontSans:`"Tahoma", "Fira Sans", sans-serif`,fontMono:`"Fira Mono", monospace`,titleTransform:`uppercase`},R={backgroundPrimary:`#e5e7eb`,backgroundSecondary:`#fff`,backgroundOverlay:`rgba(0, 0, 0, 0.3)`,textPrimary:`#fff`,textSecondary:`#000`,imageCaption:`#fff`,annotationSelected:`#facc15`,controlBar:`#6d6e70`,controlBarBorder:`#5a5b5d`,controlHover:`rgba(0, 0, 0, 0.1)`,progressBar:`#fff`,closeBackground:`#000`,closeBackgroundHover:`#373737`,closeText:`#fff`,titleCard:`#facc15`,titleCardText:`#000`,infoBlock:`#000`,infoBlockText:`#fff`,viewerBackground:`#373737`},te={...R,backgroundPrimary:`#fff`,backgroundSecondary:`#fff`,textPrimary:`#000`,textSecondary:`#000`,imageCaption:`#000`,annotationSelected:`#303f9f`,controlBar:`#f9f9f9`,controlBarBorder:`#000`,closeBackground:`#fff`,closeBackgroundHover:`#eee`,closeText:`#000`,progressBar:`#000000`,titleCard:`#fff`,titleCardText:`#000`,infoBlock:`#fff`,infoBlockText:`#000`,viewerBackground:`#e9e9e9`},ne={titleBackground:`#fff`,titleColor:`#444`,annotationBackground:`#fff`,annotationColor:`#333`,annotationRadius:`0px`,annotationMaxWidth:`30em`,infoBlockBackground:`#fff`,infoBlockColor:`#444`},z={cutCorners:!0,fullTitleBar:!1,fullWidthGrid:!1,hideTableOfContents:!1,tableOfContentsPlacement:`footer`,showProgressBar:!0,showProgressTableOfContents:!0,showNavigationControls:!0,disablePresentation:!1,hideTitle:!1,hideTitleCard:!1,alternativeImageMode:!0,transitionScale:!1,imageInfoIcon:!1,coverImages:!1,ignoreCanvasBackgrounds:!1},re={cutCorners:!1,isFloating:!1,floatingPosition:`bottom-left`,labelOnlyFloating:!0,ignoreCanvasBackgrounds:!1},ie={alternativeImageMode:!0,transitionScale:!1,imageInfoIcon:!1,coverImages:!1,ignoreCanvasBackgrounds:!1},ae={showTitleBlock:!0,showTableOfContents:!1,tableOfContentsPlacement:`header`,showProgressBar:!0,showProgressTableOfContents:!0,showScrollToTop:!0,showNavigationControls:!0,ignoreCanvasBackgrounds:!1,titleBlock:{fullHeight:!0}},oe={version:1,preset:`delft`,shared:L,delft:{tokens:R,exhibition:z,presentation:re,slideshow:ie},scroll:{tokens:ne,options:ae}},se={delft:oe,minimal:{...oe,preset:`minimal`,shared:{...L,titleTransform:`none`},delft:{...oe.delft,tokens:te}},gallery:{version:1,preset:`gallery`,shared:{fontSans:`"Gill Sans", "Trebuchet MS", sans-serif`,fontMono:`"Courier Prime", "Courier New", monospace`,titleTransform:`capitalize`},delft:{tokens:{...R,backgroundPrimary:`#f3ecdf`,backgroundSecondary:`#fff8ee`,backgroundOverlay:`rgba(20, 26, 32, 0.45)`,textPrimary:`#fff8ee`,textSecondary:`#2b2118`,imageCaption:`#f8efe1`,annotationSelected:`#f08c2e`,controlBar:`#1f3a5f`,controlBarBorder:`#162b47`,controlHover:`rgba(255, 255, 255, 0.14)`,progressBar:`#f4a261`,closeBackground:`#1f3a5f`,closeBackgroundHover:`#335c8a`,closeText:`#fff8ee`,titleCard:`#c7522a`,titleCardText:`#fff8ee`,infoBlock:`#22313f`,infoBlockText:`#f8efe1`,viewerBackground:`#30414d`},exhibition:{...z,cutCorners:!1,fullTitleBar:!0,fullWidthGrid:!0,alternativeImageMode:!1,transitionScale:!0,imageInfoIcon:!0,coverImages:!0},presentation:{...re,isFloating:!0,floatingPosition:`bottom-right`},slideshow:{...ie,alternativeImageMode:!1,transitionScale:!0,imageInfoIcon:!0,coverImages:!0}},scroll:{tokens:{...ne,titleBackground:`#f8efe1`,titleColor:`#2a2119`,annotationBackground:`#22313f`,annotationColor:`#f8efe1`,annotationRadius:`18px`,annotationMaxWidth:`34em`,infoBlockBackground:`#fff8ee`,infoBlockColor:`#2a2119`},options:{...ae,showTableOfContents:!0,tableOfContentsPlacement:`header`,titleBlock:{fullHeight:!1}}}}};function ce(e){return JSON.parse(JSON.stringify(e))}function le(e){return!!e&&typeof e==`object`&&!Array.isArray(e)}function ue(e,t){if(!t)return ce(e);let n=ce(e);for(let[e,r]of Object.entries(t)){if(r===void 0)continue;let t=n[e];if(le(t)&&le(r)){n[e]=ue(t,r);continue}n[e]=r}return n}function de(e){return typeof e==`string`&&e in se}function fe(e=`delft`){return ce(se[e]||oe)}function pe(e){let t=de(e?.preset)?e.preset:`delft`,n=ue(fe(t),e||{});return n.version=1,n.preset=t,n}function me(e){return`${e}#exhibition-viewer-theme`}function he(e,t){return{id:me(e),type:`Service`,profile:I,label:ee,theme:pe(t)}}function ge(e){if(!e?.length)return null;let t=e.findIndex(e=>e?.profile===`https://exhibitionviewer.org/iiif/theme-service`||e?.theme);return t===-1?null:{index:t,service:e[t]}}function _e(e){return ge(e)?.service?.theme}function ve(e,t){let n=[...e||[]],r=ge(n);return r?t?(n[r.index]=t,n):(n.splice(r.index,1),n):(t&&n.push(t),n)}function ye(e){return{"--f-font":e.shared.fontSans,"--f-mono-font":e.shared.fontMono,"--delft-title-transform":e.shared.titleTransform,"--delft-bg-primary":e.delft.tokens.backgroundPrimary,"--delft-bg-secondary":e.delft.tokens.backgroundSecondary,"--delft-bg-overlay":e.delft.tokens.backgroundOverlay,"--delft-text-primary":e.delft.tokens.textPrimary,"--delft-text-secondary":e.delft.tokens.textSecondary,"--delft-image-caption":e.delft.tokens.imageCaption,"--delft-annotation-selected":e.delft.tokens.annotationSelected,"--delft-control-bar":e.delft.tokens.controlBar,"--delft-control-bar-border":e.delft.tokens.controlBarBorder,"--delft-control-hover":e.delft.tokens.controlHover,"--delft-progress-bar":e.delft.tokens.progressBar,"--delft-close-background":e.delft.tokens.closeBackground,"--delft-close-background-hover":e.delft.tokens.closeBackgroundHover,"--delft-close-text":e.delft.tokens.closeText,"--delft-title-card":e.delft.tokens.titleCard,"--delft-title-card-text":e.delft.tokens.titleCardText,"--delft-info-block":e.delft.tokens.infoBlock,"--delft-info-block-text":e.delft.tokens.infoBlockText,"--delft-viewer-background":e.delft.tokens.viewerBackground,"--exv-scroll-title-background":e.scroll.tokens.titleBackground,"--exv-scroll-title-color":e.scroll.tokens.titleColor,"--exv-scroll-annotation-background":e.scroll.tokens.annotationBackground,"--exv-scroll-annotation-color":e.scroll.tokens.annotationColor,"--exv-scroll-annotation-radius":e.scroll.tokens.annotationRadius,"--exv-scroll-annotation-max-width":e.scroll.tokens.annotationMaxWidth,"--exv-scroll-info-block-background":e.scroll.tokens.infoBlockBackground,"--exv-scroll-info-block-color":e.scroll.tokens.infoBlockColor}}const be={id:`@exhibitions/center-panel`,label:`Exhibition editor`,icon:null,render:()=>(0,p.jsx)(xe,{}),options:{minWidth:350,maxWidth:350}};function xe(){let e=(0,d.useManifest)(),t=(0,d.useVault)(),[n,r]=(0,m.useState)(.8),i=(0,m.useRef)(null),{edit:a,leftPanel:o}=(0,l.useLayoutActions)(),s=(0,m.useMemo)(()=>e?pe(_e(e.service||e.services)):null,[e]),c=(0,m.useMemo)(()=>({localeStringEditor:e=>(0,p.jsxs)(`span`,{className:`inline-flex items-center hover:ring-4 hover:ring-me-primary-500`,children:[e.original,(0,p.jsx)(v.Button,{className:`py-1 px-2 inline-block`,onPress:()=>a(e.resource),children:(0,p.jsx)(h.EditTextIcon,{className:`text-xl`})})]}),canvasPreviewEditor:e=>(0,p.jsxs)(`div`,{className:`w-full h-full flex-1 flex relative`,children:[e.original,(0,p.jsx)(`button`,{onClick:t=>{t.preventDefault(),t.stopPropagation(),a(e.resource),o.open({id:`canvas-listing`})},className:`absolute top-5 right-5 bg-white text-black p-2 rounded z-40`,children:`EDIT`})]})}),[]);return(0,m.useEffect)(()=>{for(let n of e?.items||[]){let e=t.get(n);e&&!Array.isArray(e.items)&&t.modifyEntityField(e,`items`,[]);for(let n of[...e?.items||[],...e?.annotations||[]]){let e=t.get(n);e&&!Array.isArray(e.items)&&t.modifyEntityField(e,`items`,[])}}},[e,t]),(0,m.useLayoutEffect)(()=>{if(i.current){let e=i.current.offsetWidth/1200;r(Math.max(1,e))}},[]),e?(0,p.jsx)(`div`,{ref:i,className:`overflow-y-auto delft-exhibition exhibition-viewer`,style:s?ye(s):void 0,children:(0,p.jsx)(_.EditorHooksProvider,{hooks:c,children:(0,p.jsx)(g.DelftExhibition,{skipLoadManifest:!0,customVault:t,manifest:e.id,options:{...s?.delft.exhibition||{},disablePresentation:!0,hideTableOfContents:!0,hideTitle:!0}},n)})}):null}function Se(e,t){let n=new URLSearchParams;switch(we(n,`manifest`,t.manifest),we(n,`canvas`,t.canvas),e){case`delft`:case`exhibition`:{let e=t;B(n,`cut-corners`,e.cutCorners),B(n,`full-title-bar`,e.fullTitleBar),B(n,`hide-toc`,e.hideTableOfContents),B(n,`show-navigation-controls`,e.showNavigationControls),B(n,`show-progress-bar`,e.showProgressBar),we(n,`toc-placement`,e.tableOfContentsPlacement),B(n,`ignore-canvas-backgrounds`,e.ignoreCanvasBackgrounds);break}case`minimal`:{let e=t;n.set(`minimal`,`true`),B(n,`cut-corners`,e.cutCorners),B(n,`full-title-bar`,e.fullTitleBar),we(n,`toc-placement`,e.tableOfContentsPlacement),B(n,`ignore-canvas-backgrounds`,e.ignoreCanvasBackgrounds);break}case`presentation`:{let e=t;n.set(`type`,`presentation`),B(n,`cut-corners`,e.cutCorners),B(n,`floating`,e.floating??e.isFloating),we(n,`floating-position`,e.floatingPosition),B(n,`label-only-floating`,e.labelOnlyFloating),B(n,`ignore-canvas-backgrounds`,e.ignoreCanvasBackgrounds);break}case`scroll`:{let e=t;n.set(`type`,`scroll`),Te(n,`minimal`,e.minimal),we(n,`toc-placement`,e.tableOfContentsPlacement),B(n,`ignore-canvas-backgrounds`,e.ignoreCanvasBackgrounds),Te(n,`manifest-editor-preview`,e.manifestEditorPreview),we(n,`manifest-editor-preview-origin`,e.manifestEditorPreviewOrigin);break}case`slideshow`:{let e=t;n.set(`type`,`slideshow`),Te(n,`minimal`,e.minimal),B(n,`floating`,e.floating),we(n,`floating-position`,e.floatingPosition),B(n,`label-only-floating`,e.labelOnlyFloating),B(n,`ignore-canvas-backgrounds`,e.ignoreCanvasBackgrounds);break}}return n}function Ce(e,t,n){let r=Se(e,t||{}),i=new URL(n||`https://preview.exhibitionviewer.org/preview/${e}`);return!n&&(window.location.hostname===`localhost`||window.location.hostname===`127.0.0.1`)&&window.location.port===`3000`&&(i.protocol=`http:`,i.host=`localhost:5174`),r.forEach((e,t)=>{i.searchParams.set(t,e)}),i.searchParams.set(`manifest-editor-preview`,`true`),i.searchParams.set(`manifest-editor-preview-origin`,window.location.origin),i}function we(e,t,n){n&&e.set(t,n)}function B(e,t,n){typeof n==`boolean`&&e.set(t,String(n))}function Te(e,t,n){n&&e.set(t,`true`)}function Ee(e){return e===`exhibition-slideshow-editor`?`slideshow`:e===`exhibition-scrolling-editor`?`scroll`:`fullpage`}function De(e,t=[]){let n=t.find(e=>e.startsWith(`template-`))?.slice(9);return e.find(e=>e.id===n)||e.find(e=>t.includes(e.type))||null}function Oe(e,t,n){return t?e.filter(e=>e.type===t.type||e.id===n?.id):e}function V(){let e=(0,l.useApp)(),t=e.preset?.templates||[],n=(0,d.useManifest)(),{selectedTemplate:r}=(0,l.usePresetTemplateSelection)();return De(t,n?.behavior)||r||t.find(t=>t.type===Ee(e.metadata.id))||null}const H=(0,f.create)(e=>({selectedAnnotationId:null,repositioningAnnotationId:null,selectedTextRegion:null,repositioningTextRegion:null,selectedTourStepId:null,repositioningTourStepId:null,selectAnnotation:t=>e({selectedAnnotationId:t,repositioningAnnotationId:null,selectedTextRegion:null,repositioningTextRegion:null}),startRepositioning:t=>e({selectedAnnotationId:t,repositioningAnnotationId:t,selectedTextRegion:null,repositioningTextRegion:null}),stopRepositioning:()=>e({repositioningAnnotationId:null}),selectTextRegion:t=>e({selectedAnnotationId:null,repositioningAnnotationId:null,selectedTextRegion:t,repositioningTextRegion:null}),startTextRepositioning:t=>e({selectedAnnotationId:null,repositioningAnnotationId:null,selectedTextRegion:t,repositioningTextRegion:t}),stopTextRepositioning:()=>e({repositioningTextRegion:null}),selectTourStep:t=>e({selectedTourStepId:t,repositioningTourStepId:null}),startTourStepRepositioning:t=>e({selectedTourStepId:t,repositioningTourStepId:t}),stopTourStepRepositioning:()=>e({repositioningTourStepId:null}),clear:()=>e({selectedAnnotationId:null,repositioningAnnotationId:null,selectedTextRegion:null,repositioningTextRegion:null,selectedTourStepId:null,repositioningTourStepId:null})})),U=(0,f.create)(e=>({requestedTab:null,showTourSteps:!1,centerPanelMode:`preview`,requestTab:t=>e({requestedTab:t}),clearRequestedTab:()=>e({requestedTab:null}),setShowTourSteps:t=>e({showTourSteps:t}),setCenterPanelMode:t=>e({centerPanelMode:t})}));function ke(e){let t=Number(e?.width)||1920,n=Number(e?.height)||1080,r=ze(e);return r.content?r.content:{x:Math.round(t*.1),y:Math.round(n*.1),width:Math.round(t*.8),height:Math.round(n*.8)}}function Ae(e,t){return{type:`SpecificResource`,source:{id:e.id,type:`Canvas`},selector:{type:`FragmentSelector`,value:`xywh=${Math.round(t.x)},${Math.round(t.y)},${Math.round(t.width)},${Math.round(t.height)}`}}}function je(e){return Ae(e,ke(e))}function W(e,t){return Pe(e,t?.items||[]).filter(e=>(Array.isArray(e?.motivation)?e.motivation:[e?.motivation]).includes(`painting`))}function Me(e,t){return Pe(e,t?.annotations||[])}function Ne(e,t){return!t||(Array.isArray(t?.behavior)?t.behavior:[]).includes(`info`)?!1:!W(e,t).some(t=>{let n=Ve(e,t);return!!(qe(n)||Je(n))})}function Pe(e,t){let n=[];for(let r of t){let t=e.get(r,{skipSelfReturn:!1});for(let r of t?.items||[]){let t=e.get(r,{skipSelfReturn:!1});t&&n.push(t)}}return n}function Fe(e,t){return W(e,t).map(n=>{let r=Ve(e,n);return{annotation:n,box:Ie(n,t),html:Ge(r),imageUrl:We(e,r),videoUrl:qe(r),youtubeId:Je(r)}})}function Ie(e,t){let n=Number(t?.width)||1920,r=Number(t?.height)||1080,i=e?.target;if(typeof i==`string`&&i.includes(`#xywh=`)){let e=He(i.split(`#xywh=`)[1]);if(e)return e}let a=i?.selector,o=Array.isArray(a)?a.find(e=>e?.spatial||e?.points):a;if(o?.spatial)return o.spatial;if(Array.isArray(o?.points)){let e=o.points.filter(e=>Array.isArray(e)&&Number.isFinite(e[0])&&Number.isFinite(e[1]));if(e.length){let t=e.map(e=>e[0]),n=e.map(e=>e[1]),r=Math.min(...t),i=Math.min(...n);return{x:r,y:i,width:Math.max(1,Math.max(...t)-r),height:Math.max(1,Math.max(...n)-i)}}}let s=Array.isArray(a)?a.find(e=>e?.value?.startsWith?.(`xywh=`))?.value:a?.value;if(typeof s==`string`&&s.includes(`xywh=`)){let e=He(s.split(`xywh=`)[1]);if(e)return e}return{x:0,y:0,width:n,height:r}}function Le(e,t,n,r){e.modifyEntityField({id:n,type:`Annotation`},`target`,Ae(t,Be(t,r)))}function Re(e,t,n){let r=Be(t,n),i=Array.isArray(t?.behavior)?t.behavior:[];e.modifyEntityField(t,`behavior`,i.filter(e=>!e.startsWith(`text-xywh=`)).concat(`text-xywh=${Math.round(r.x)},${Math.round(r.y)},${Math.round(r.width)},${Math.round(r.height)}`))}function ze(e){let t=Number(e?.width)||1920,n=Number(e?.height)||1080,r=Array.isArray(e?.behavior)?e.behavior:[],i=Ue(r);return r.includes(`right`)?{content:{x:0,y:0,width:Math.round(t*2/3),height:n},text:i||{x:Math.round(t*2/3),y:0,width:Math.round(t/3),height:n}}:r.includes(`left`)?{content:{x:Math.round(t/3),y:0,width:Math.round(t*2/3),height:n},text:i||{x:0,y:0,width:Math.round(t/3),height:n}}:r.includes(`bottom`)?{content:{x:0,y:0,width:t,height:Math.round(n*2/3)},text:i||{x:0,y:Math.round(n*2/3),width:t,height:Math.round(n/3)}}:r.includes(`top`)?{content:{x:0,y:Math.round(n/3),width:t,height:Math.round(n*2/3)},text:i||{x:0,y:0,width:t,height:Math.round(n/3)}}:r.includes(`info`)?{content:null,text:i||{x:0,y:0,width:t,height:n}}:r.includes(`image`)?{content:{x:0,y:0,width:t,height:n},text:i}:{content:null,text:i}}function Be(e,t){let n=Number(e?.width)||1920,r=Number(e?.height)||1080,i=Math.max(1,Math.min(t.width,n)),a=Math.max(1,Math.min(t.height,r)),o=Math.max(0,Math.min(t.x,n-i)),s=Math.max(0,Math.min(t.y,r-a));return{x:Math.round(o),y:Math.round(s),width:Math.round(i),height:Math.round(a)}}function Ve(e,t){let n=Array.isArray(t?.body)?t.body[0]:t?.body,r=n?e.get(n,{skipSelfReturn:!1}):null;return r?.type===`SpecificResource`?r.source:r||n||null}function He(e){let t=e?e.split(/[,&]/).slice(0,4).map(Number):[];if(t.length===4&&t.every(e=>Number.isFinite(e))){let[e,n,r,i]=t;return{x:e,y:n,width:r,height:i}}return null}function Ue(e){let t=e.find(e=>e.startsWith(`text-xywh=`))?.replace(`text-xywh=`,``);return He(t)}function We(e,t){let n=Ke(e,t);if(n?.type===`Choice`){let t=Array.isArray(n.items)?n.items:[];for(let n of t){let t=We(e,n);if(t)return t}}if(n?.type===`Canvas`){let t=e.get({id:n.id,type:`Canvas`},{skipSelfReturn:!1})||n,r=Array.isArray(t.thumbnail)?t.thumbnail[0]:t.thumbnail;if(r?.id)return r.id;for(let n of W(e,t)){let t=We(e,Ve(e,n));if(t)return t}}let r=Array.isArray(n?.service)?n.service[0]:n?.service,i=r?.id||r?.[`@id`];return i?`${i.replace(/\/$/,``)}/full/1000,/0/default.jpg`:n?.type===`Image`&&n.id?n.id:null}function Ge(e){let t=e?.type===`SpecificResource`?e.source:e;return t?.type===`Text`||t?.type===`TextualBody`||t?.format===`text/html`||t?.format===`text/plain`?t.value||``:null}function Ke(e,t){return t?.type===`SpecificResource`?Ke(e,t.source):t?.id&&t?.type===`ContentResource`?e.get({id:t.id,type:`ContentResource`},{skipSelfReturn:!1})||t:t?.id&&!t.items&&!t.value&&!t.service&&!t.format&&!t.width&&!t.height&&e.get(t,{skipSelfReturn:!1})||t}function qe(e){let t=e?.type===`SpecificResource`?e.source:e;return t?.type===`Video`&&!Je(t)?t.id:null}function Je(e){let t=e?.type===`SpecificResource`?e.source:e,n=((t?.service||[]).find(e=>e?.profile===`https://www.youtube.com`)?.id||t?.id||``).match(/^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?vi?=|&vi?=))([^#&?]*).*/);return n?n[1]:null}function Ye(e,t){return JSON.stringify([e.id,e.type,...(t||[]).map(e=>[e.id,e.type])])}function Xe(e,t){let n=[];for(let r of t||[]){let t=e.get(r,{skipSelfReturn:!1});for(let r of W(e,t)){let t=Array.isArray(r.body)?r.body:r.body?[r.body]:[];for(let i of t){let t=i?.id&&e.get(i,{preserveSpecificResources:!0,skipSelfReturn:!1})||i,a=Array.isArray(t?.selector)?t.selector:t?.selector?[t.selector]:[];for(let e of a)(e?.type===`ImageApiSelector`||e?.type===`iiif:ImageApiSelector`)&&n.push([r.id,e.region??null,e.rotation??null])}}}return JSON.stringify(n)}const Ze=1024,Qe=.5;function $e({preset:e,presetOptions:t,focusSelectedCanvas:n=!0}){let r=et({preset:e,presetOptions:t,focusSelectedCanvas:n}),i=(0,d.useVault)(),a=(0,l.useAppResource)(),o=(0,d.useManifest)(),s=V(),c=(0,u.useInStack)(`Canvas`),f=(0,m.useRef)(null),h=(0,m.useRef)(null),g=(0,m.useRef)(null),_=(0,m.useRef)(a),v=(0,m.useRef)(null),b=(0,m.useRef)(null),[x,S]=(0,m.useState)(`waiting`),[C,w]=(0,m.useState)(0),[T,E]=(0,m.useState)(!1),[D,O]=(0,m.useState)(!1),k=H(e=>e.selectedTourStepId),A=n&&(c?.resource.source.id||o?.items?.[0]?.id)||null,j=Ye(a,o?.items),M=(0,d.useVaultSelector)((e,t)=>Xe(t,o?.items),[j]),N=(0,m.useRef)(j),P=(0,m.useMemo)(()=>Ce(e,t,s?.previewUrl).toString(),[e,t,s?.previewUrl]),F=(0,m.useMemo)(()=>new URL(P).origin,[P]),I=D?440:C?Math.round(C/(T?Qe:1)):0,ee=I>0&&I<=Ze;_.current=a,v.current=A,b.current=k;let L=(0,m.useCallback)(()=>{let e=f.current;if(!e?.contentWindow)return;g.current?.(),S(`waiting`);let t=new MessageChannel;g.current=(0,l.createIframeVaultBridge)(i,t.port1);try{e.contentWindow.postMessage({_type:`manifest-editor:iframe-preview:connect`,resource:_.current,canvasId:v.current,annotationId:b.current||void 0},F,[t.port2]),S(`connected`)}catch{g.current?.(),g.current=null,S(`error`)}},[F,i]);(0,m.useEffect)(()=>{function e(e){e.origin===F&&e.source===f.current?.contentWindow&&e.data?._type===`manifest-editor:iframe-preview:ready`&&L()}return window.addEventListener(`message`,e),()=>{window.removeEventListener(`message`,e),g.current?.(),g.current=null}},[L,F]),(0,m.useEffect)(()=>{let e=f.current?.contentWindow;!e||x!==`connected`||e.postMessage({_type:`manifest-editor:iframe-preview:selection`,resource:a,canvasId:A,annotationId:k||void 0},F)},[x,a,A,k,F]),(0,m.useEffect)(()=>{let e=N.current!==j;N.current=j,e&&x===`connected`&&L()},[L,x,j]),(0,m.useEffect)(()=>{let e=h.current;if(!e)return;let t=()=>{w(e.getBoundingClientRect().width)};t();let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[]),(0,m.useEffect)(()=>{if(C){if(C>Ze){E(!1);return}O(!1)}},[C]);let R=(0,m.useCallback)(e=>{E(e),e&&O(!1)},[]),te=(0,m.useCallback)(e=>{O(e),e&&E(!1)},[]);return(0,p.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col bg-zinc-950`,children:[x===`connected`?null:(0,p.jsx)(`div`,{className:`border-b border-zinc-800 bg-zinc-900 px-3 py-2 text-sm text-zinc-300`,children:x===`error`?`Preview connection failed.`:`Connecting to exhibition viewer...`}),(0,p.jsx)(tt,{iframeViewportWidth:I,isMobileViewport:ee,showScaleOption:C>0&&C<=Ze,showMobileWidthOption:C>Ze,useScaledPreview:T,useMobileWidthPreview:D,onUseScaledPreviewChange:R,onUseMobileWidthPreviewChange:te,previewWindow:r}),(0,p.jsx)(`div`,{ref:h,className:(0,y.twMerge)(`flex min-h-0 flex-1 overflow-hidden bg-white`,T?`justify-start`:`justify-center`),children:(0,p.jsx)(`iframe`,{ref:f,src:P,title:`Exhibition preview`,className:(0,y.twMerge)(`block h-full shrink-0 border-0 bg-white`,D?`shadow-2xl shadow-black/40`:``),style:{width:D?440:T?`${100/Qe}%`:`100%`,maxWidth:D?`100%`:void 0,height:T?`${100/Qe}%`:`100%`,transform:T?`scale(${Qe})`:void 0,transformOrigin:`top left`},onLoad:()=>S(`waiting`)},M)})]})}function et({preset:e,presetOptions:t,focusSelectedCanvas:n=!0}){let{open:r,update:i,focus:a,isClosed:o}=(0,l.usePreviewWindow)(),s=(0,l.useAppResource)(),c=(0,d.useManifest)(),f=V(),p=(0,u.useInStack)(`Canvas`),h=H(e=>e.selectedTourStepId),g=n&&(p?.resource.source.id||c?.items?.[0]?.id)||null,_=Ye(s,c?.items),v=(0,d.useVaultSelector)((e,t)=>Xe(t,c?.items),[_]),y=(0,m.useMemo)(()=>Ce(e,t,f?.previewUrl).toString(),[e,t,f?.previewUrl]),b=(0,m.useMemo)(()=>({url:y,resource:s,canvasId:g,annotationId:h,name:`manifest-editor-exhibition-preview`,reloadKey:`${_}:${v}`}),[g,v,s,h,_,y]);return(0,m.useEffect)(()=>i(b),[b,i]),(0,m.useMemo)(()=>({open:()=>r(b),focus:a,isClosed:o}),[a,o,r,b])}function tt({iframeViewportWidth:e,isMobileViewport:t,showScaleOption:n,showMobileWidthOption:r,useScaledPreview:i,useMobileWidthPreview:a,onUseScaledPreviewChange:o,onUseMobileWidthPreviewChange:s,previewWindow:c}){return e?(0,p.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-b border-zinc-800/80 bg-zinc-900 px-3 py-2 text-xs text-zinc-200`,children:[(0,p.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,p.jsx)(`span`,{className:(0,y.twMerge)(`shrink-0 rounded-full px-2 py-1 font-semibold ring-1 ring-inset`,t?`bg-amber-300/90 text-amber-950 ring-amber-200/50`:`bg-emerald-300/90 text-emerald-950 ring-emerald-200/50`),children:t?`Mobile view`:`Desktop view`}),(0,p.jsxs)(`span`,{className:`truncate text-zinc-400`,children:[`Iframe viewport: `,e,`px. Mobile starts at `,Ze,`px and below.`]})]}),(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[n?(0,p.jsx)(nt,{label:`50% scale`,checked:i,onChange:o}):null,r?(0,p.jsx)(nt,{label:`Mobile width`,checked:a,onChange:s}):null,(0,p.jsx)(`button`,{type:`button`,className:`shrink-0 rounded-md border border-zinc-700 bg-zinc-950/70 px-2.5 py-1.5 font-semibold text-zinc-200 shadow-sm shadow-black/20 transition-colors hover:border-zinc-600 hover:bg-zinc-950`,onClick:c.isClosed?c.open:c.focus,children:c.isClosed?`Open in new window`:`Focus preview window`})]})]}):null}function nt({label:e,checked:t,onChange:n}){return(0,p.jsxs)(`label`,{className:`flex shrink-0 cursor-pointer items-center gap-2 rounded-md border border-zinc-800 bg-zinc-950/70 px-2.5 py-1.5 font-semibold text-zinc-200 shadow-sm shadow-black/20 transition-colors hover:border-zinc-700 hover:bg-zinc-950`,children:[(0,p.jsx)(`span`,{children:e}),(0,p.jsx)(`input`,{type:`checkbox`,className:`peer sr-only`,checked:t,onChange:e=>n(e.currentTarget.checked)}),(0,p.jsx)(`span`,{className:`relative h-5 w-9 rounded-full bg-zinc-700/80 transition-colors after:absolute after:left-0.5 after:top-0.5 after:h-4 after:w-4 after:rounded-full after:bg-zinc-100 after:shadow after:shadow-black/20 after:transition-transform peer-checked:bg-me-primary-500 peer-checked:after:translate-x-4`})]})}function rt(){switch(V()?.type){case`slideshow`:return`slideshow`;case`scroll`:return`scroll`;default:return`exhibition`}}function it(e){return(0,p.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,...e,children:[(0,p.jsx)(`title`,{children:`Preview`}),(0,p.jsx)(`path`,{fill:`currentColor`,d:`M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5s5 2.24 5 5s-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3s3-1.34 3-3s-1.34-3-3-3`})]})}const at={id:`@exhibitions/remote-preview-panel`,label:`Exhibition preview`,icon:(0,p.jsx)(it,{}),render:()=>(0,p.jsx)(ot,{}),options:{minWidth:350}};function ot(){let e=rt(),t=(0,d.useManifest)(),n=pe(_e(t?.service)||_e(t?.services)),r;return r=e===`scroll`?{ignoreCanvasBackgrounds:n.scroll.options.ignoreCanvasBackgrounds,tableOfContentsPlacement:n.scroll.options.tableOfContentsPlacement}:e===`slideshow`?{ignoreCanvasBackgrounds:n.delft.slideshow.ignoreCanvasBackgrounds}:{cutCorners:n.delft.exhibition.cutCorners,fullTitleBar:n.delft.exhibition.fullTitleBar,hideTableOfContents:n.delft.exhibition.hideTableOfContents,ignoreCanvasBackgrounds:n.delft.exhibition.ignoreCanvasBackgrounds,showNavigationControls:n.delft.exhibition.showNavigationControls,showProgressBar:n.delft.exhibition.showProgressBar,tableOfContentsPlacement:n.delft.exhibition.tableOfContentsPlacement},(0,p.jsx)($e,{preset:e,presetOptions:r,focusSelectedCanvas:!1})}function st({children:e}){let t=(0,d.useManifest)(),{edit:n}=(0,l.useLayoutActions)();return(0,p.jsxs)(`div`,{className:`grid auto-rows-auto grid-cols-12 content-center justify-center gap-2 p-2`,children:[(0,p.jsx)(`div`,{className:`col-span-12 row-span-2 text-black flex flex-col items-center justify-center`,children:(0,p.jsx)(v.Button,{onPress:()=>t&&n(t,void 0,{forceOpen:!0,selectedTab:`@manifest-editor/descriptive-properties`}),className:`col-span-4 row-span-4 text-md text-left text-black hover:bg-slate-100 w-full flex items-center justify-center`,children:(0,p.jsx)(d.LocaleString,{className:`block w-full text-left`,children:t?.label})})}),e]})}const ct={"h-1":`lg:min-h-[100px] row-span-1`,"h-2":`lg:min-h-[200px] row-span-2`,"h-3":`lg:min-h-[300px] row-span-3`,"h-4":`lg:min-h-[400px] row-span-4`,"h-5":`lg:min-h-[500px] row-span-5`,"h-6":`lg:min-h-[600px] row-span-6`,"h-7":`lg:min-h-[700px] row-span-7`,"h-8":`lg:min-h-[800px] row-span-8`,"h-9":`lg:min-h-[900px] row-span-9`,"h-10":`lg:min-h-[1000px] row-span-10`,"h-11":`lg:min-h-[1100px] row-span-11`,"h-12":`lg:min-h-[1200px] row-span-12`},lt={"h-1":`lg:min-h-[25px] row-span-1`,"h-2":`lg:min-h-[50px] row-span-2`,"h-3":`lg:min-h-[75px] row-span-3`,"h-4":`lg:min-h-[100px] row-span-4`,"h-5":`lg:min-h-[125px] row-span-5`,"h-6":`lg:min-h-[150px] row-span-6`,"h-7":`lg:min-h-[175px] row-span-7`,"h-8":`lg:min-h-[200px] row-span-8`,"h-9":`lg:min-h-[225px] row-span-9`,"h-10":`lg:min-h-[250px] row-span-10`,"h-11":`lg:min-h-[275px] row-span-11`,"h-12":`lg:min-h-[300px] row-span-12`},ut={"w-1":`col-span-1`,"w-2":`col-span-2`,"w-3":`col-span-3`,"w-4":`col-span-4`,"w-5":`col-span-5`,"w-6":`col-span-6`,"w-7":`col-span-7`,"w-8":`col-span-8`,"w-9":`col-span-9`,"w-10":`col-span-10`,"w-11":`col-span-11`,"w-12":`col-span-12`};function dt(e){let{isLeft:t,isRight:n,isBottom:r}=pt(e),i=e?.find(e=>e.includes(`h-`)),a=e?.find(e=>e.includes(`w-`));if(!i||!a)return{h:0,w:0,ratio:1};let o={h:Number.parseInt(i.split(`-`)[1]),w:Number.parseInt(a.split(`-`)[1]),ratio:1};return(t||n)&&(o.w*=2/3),r&&(o.h*=2/3),o.h&&o.w&&(o.ratio=o.w/o.h),o}function ft(e,t=!1,n=!0){(!e||e.length===0)&&(e=[`h-8`,`w-8`,`image`]);let r=e.find(e=>e.includes(`h-`)),i=e.find(e=>e.includes(`w-`)),a=[];return t&&r===`h-4`&&(r=`h-8`),a.push(n?lt[r]:ct[r]),a.push(ut[i]),a.join(` `)}function pt(e){let t=e?.includes(`right`),n=e?.includes(`left`),r=e?.includes(`bottom`),i=e?.includes(`top`),a=e?.includes(`image`)||!n&&!t&&!r&&!i;return{isRight:t,isLeft:n,isBottom:r,isTop:i,isInfo:e?.includes(`info`),isImage:a}}function mt(e,t){return t.get(e)?.type===`Canvas`}function ht(e,t){let n=e.source?.id,r=e.source?.type;if(!n||!r)return!1;try{return(t.get({id:n,type:r})?.behavior||[]).includes(`info`)}catch{return!1}}function gt(e,t){let n=e.source?.id,r=e.source?.type;if(!n||!r)return!1;try{let e=t.get({id:n,type:r}),i=Array.isArray(e?.items)?e.items:[];for(let e of i){let n=t.get(e,{skipSelfReturn:!1}),r=Array.isArray(n?.items)?n.items:[];for(let e of r){let n=t.get(e,{skipSelfReturn:!1}),r=Array.isArray(n?.body)?n.body[0]:n?.body,i=r?.id&&t.get(r,{skipSelfReturn:!1})||r,a=i?.type===`SpecificResource`?i.source:i,o=Array.isArray(a?.service)?a.service:a?.service?[a.service]:[];if(a?.type===`Video`||o.some(e=>e?.profile===`https://www.youtube.com`))return!0}}}catch{return!1}return!1}function _t(e){if(!e)return!1;let t=e.behavior||[];if(t.includes(`image`)||t.includes(`info`)||t.includes(`splash`))return!0;for(let e of t)if(e.startsWith(`w-`)||e.startsWith(`h-`))return!0;return!1}function vt(){let e=(0,d.useCanvas)();(0,x.default)(e);let t=e.width&&e.height?e.width/e.height:0,n=dt(e.behavior||[]);return Math.abs(t-n.ratio)<.01?null:(0,p.jsxs)(`div`,{className:`exhibition-aspect-warning p-2 rounded bg-me-100`,children:[(0,p.jsx)(`div`,{className:`font-semibold text-me-700`,children:`Aspect ratio warning`}),(0,p.jsxs)(`div`,{className:`text-sm text-black/60`,children:[`The aspect ratio of this canvas is `,t.toFixed(2),` but the target aspect ratio is `,n.ratio.toFixed(2),`. Some parts of this image may be cropped.`,(0,p.jsx)(`div`,{className:`relative h-32 w-full mt-2`,children:(0,p.jsx)(`div`,{className:`bg-[red] left-0 top-0 z-2 opacity-50 max-w-32 max-h-32`,style:{aspectRatio:t.toFixed(2)},children:(0,p.jsx)(`div`,{className:`asbolute bg-[white] left-0 top-0 z-1 opacity-50 max-w-32 max-h-32`,style:{aspectRatio:n.ratio}})})})]})]})}const yt=[{value:`float-top-left`,label:`Top left`},{value:`float-top`,label:`Top centre`},{value:`float-top-right`,label:`Top right`},{value:`float-left`,label:`Centre left`},{value:`float-right`,label:`Centre right`},{value:`float-bottom-left`,label:`Bottom left`},{value:`float-bottom`,label:`Bottom centre`},{value:`float-bottom-right`,label:`Bottom right`}],bt={"float-top-left":{x:2,y:2},"float-top":{x:8.5,y:2},"float-top-right":{x:15,y:2},"float-left":{x:2,y:8.5},"float-right":{x:15,y:8.5},"float-bottom-left":{x:2,y:15},"float-bottom":{x:8.5,y:15},"float-bottom-right":{x:15,y:15}};function xt({position:e}){return(0,p.jsxs)(`svg`,{width:`1.6em`,height:`1.6em`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:[(0,p.jsx)(`rect`,{x:`2`,y:`2`,width:`20`,height:`20`,rx:`3`,stroke:`currentColor`,strokeWidth:`1.5`,opacity:`0.4`}),e?(0,p.jsx)(`rect`,{...bt[e],width:`7`,height:`7`,rx:`1.5`,fill:`currentColor`}):(0,p.jsx)(`circle`,{cx:`12`,cy:`12`,r:`3`,stroke:`currentColor`,strokeWidth:`1.5`,opacity:`0.7`})]})}function St({value:e,onChange:t}){let n=Ct();return(0,p.jsx)(`div`,{className:`grid w-fit grid-cols-3 gap-2`,children:n.map(n=>{let r=e===n.value;return(0,p.jsxs)(`button`,{type:`button`,title:n.label,"aria-pressed":r,className:`flex min-h-11 items-center justify-center rounded-md border px-3 py-2 transition-colors`,style:{backgroundColor:r?`var(--exhibition-primary, #b84c74)`:`#fff`,borderColor:r?`var(--exhibition-primary, #b84c74)`:`#dcd5ce`,color:r?`#fff`:`#332f2c`},onClick:()=>t(n.value),children:[(0,p.jsx)(xt,{position:n.value}),(0,p.jsx)(`span`,{className:`sr-only`,children:n.label})]},n.value||`off`)})})}function Ct(e=`No overlay`){return[...yt.slice(0,4),{value:``,label:e},...yt.slice(4)]}function wt(){let e=(0,d.useCanvas)(),t=(0,l.useEditingResource)(),n=(0,l.useInlineCreator)(),[r,i]=(0,l.useCreator)(t?.resource.source,`thumbnail`,`ContentResource`),{descriptive:a}=(0,l.useEditor)(),{thumbnail:o}=a,s=o.get()||[],c=(0,d.useVault)(),f=(0,m.useMemo)(()=>e?Dt(c,e):[],[e,c]);return!e||!t?null:!s.length&&f.length?(0,p.jsx)(Tt,{candidates:f,canCreateThumbnail:r,onCreateThumbnail:()=>i.create(),onAddThumbnail:({service:t,width:r,height:i})=>n.create(`@manifest-editor/thumbnail-image`,{service:t,width:r,height:i},Et(e))}):(0,p.jsx)(u.LinkingPropertyList,{containerId:o.containerId(),label:`Thumbnail`,property:`thumbnail`,items:s,singleMode:!0,reorder:e=>o.reorder(e.startIndex,e.endIndex),createActions:(0,u.createAppActions)(o),creationType:`ContentResource`,emptyLabel:`No thumbnail`,parent:t.resource})}function Tt({candidates:e,canCreateThumbnail:t,onCreateThumbnail:n,onAddThumbnail:r}){let[i,a]=(0,m.useState)(null),[o,s]=(0,m.useState)(``),[c,l]=(0,m.useState)({}),d=e.find(e=>e.id===i)||e[0],f=d?c[d.id]:void 0,g=d?f===null?null:f||d.service:null,_=g?Nt(g):[],v=Ft(_,350),y=_.find(e=>Pt(e)===o)||v,b=g&&y?It(g,y):null,x=d&&!d.service.sizes?.length&&!(d.id in c);return(0,m.useEffect)(()=>{!i&&e[0]&&a(e[0].id)},[e,i]),(0,m.useEffect)(()=>{let t=e.filter(e=>{let t=e.service;return!t.sizes?.length&&jt(t)&&!(e.id in c)});for(let e of t){let t=jt(e.service);t&&fetch(Mt(t)).then(e=>e.ok?e.json():null).then(t=>{l(n=>({...n,[e.id]:t?{...e.service,...t}:null}))}).catch(()=>{l(t=>({...t,[e.id]:null}))})}},[e,c]),(0,m.useEffect)(()=>{v&&!_.some(e=>Pt(e)===o)&&s(Pt(v))},[v,o,_]),(0,p.jsx)(u.InputContainer,{$wide:!0,children:(0,p.jsxs)(`div`,{className:`rounded-md border border-[#dcd5ce] bg-[#f8f6f3] p-4`,children:[(0,p.jsx)(`div`,{className:`text-sm font-semibold text-[#25211f]`,children:`Thumbnail`}),(0,p.jsx)(`div`,{className:`mt-1 text-sm text-[#6a625c]`,children:`Use an image service from this canvas to add a thumbnail.`}),e.length>1?(0,p.jsxs)(`div`,{className:`mt-3`,children:[(0,p.jsx)(`label`,{className:`text-xs font-semibold uppercase text-[#6a625c]`,htmlFor:`thumbnail-source-image`,children:`Image`}),(0,p.jsx)(`select`,{id:`thumbnail-source-image`,className:`mt-1 w-full rounded-md border border-[#dcd5ce] bg-white px-3 py-2 text-sm`,value:d?.id||``,onChange:e=>{a(e.currentTarget.value),s(``)},children:e.map(e=>(0,p.jsx)(`option`,{value:e.id,children:e.label},e.id))})]}):null,_.length?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`div`,{className:`mt-3 flex flex-wrap gap-2`,children:_.map(e=>{let t=Pt(e),n=y?t===Pt(y):!1;return(0,p.jsxs)(`button`,{type:`button`,className:`rounded-md border px-2 py-1 text-xs font-semibold`,style:{backgroundColor:n?`#b84c74`:`#ffffff`,borderColor:n?`#b84c74`:`#dcd5ce`,color:n?`#ffffff`:`#332f2c`},onClick:()=>s(t),children:[e.width,`x`,e.height]},t)})}),b?(0,p.jsx)(`div`,{className:`mt-3 overflow-hidden rounded-md border border-[#dcd5ce] bg-white`,children:(0,p.jsx)(`img`,{src:b,alt:``,className:`max-h-40 w-full object-contain`})}):null,(0,p.jsx)(`button`,{type:`button`,className:`mt-3 rounded-md px-3 py-2 text-sm font-semibold shadow-sm`,style:{backgroundColor:`#b84c74`,border:`1px solid #a13e63`,color:`#ffffff`},disabled:!b||!y,onClick:()=>{!g||!y||r({service:g,width:y.width,height:y.height})},children:`Add thumbnail from image`})]}):x?(0,p.jsx)(`div`,{className:`mt-3 text-sm text-[#6a625c]`,children:`Finding available sizes...`}):(0,p.jsx)(`div`,{className:`mt-3 text-sm text-[#6a625c]`,children:`No fixed thumbnail sizes were found for this image service.`}),t?(0,p.jsx)(`div`,{className:`mt-4 border-t border-[#dcd5ce] pt-3`,children:(0,p.jsxs)(h.ActionButton,{onPress:n,children:[(0,p.jsx)(h.AddIcon,{}),` Create thumbnail`]})}):null]})})}function Et(e){return{parent:{property:`thumbnail`,resource:{id:e.id,type:`Canvas`}}}}function Dt(e,t){let n=[],r=new Set;return W(e,t).forEach((t,i)=>{Ot(e,Ve(e,t)).forEach((e,a)=>{let o=At(e),s=o?jt(o):``;!o||!s||r.has(s)||(r.add(s),n.push({id:`${t.id||i}-${e.id||s}-${a}`,label:Lt(e.label)||Lt(t.label)||`Image ${n.length+1}`,imageId:e.id,service:o}))})}),n}function Ot(e,t){let n=kt(e,t);return n?n.type===`Choice`&&Array.isArray(n.items)?n.items.flatMap(t=>Ot(e,t)):n.type===`SpecificResource`?Ot(e,n.source):n.type===`Canvas`?W(e,n).flatMap(t=>Ot(e,Ve(e,t))):At(n)?[n]:[]:[]}function kt(e,t){return t?t.id&&!t.service&&!t.items&&!t.value&&e.get(t,{skipSelfReturn:!1})||t:null}function At(e){return(Array.isArray(e?.service)?e.service:e?.service?[e.service]:[]).find(e=>{let t=Array.isArray(e.profile)?e.profile.join(` `):e.profile||``;return(e.type||e[`@type`]||``).includes(`ImageService`)||t.includes(`level`)||t.includes(`iiif.io/api/image`)})||null}function jt(e){return(e.id||e[`@id`]||``).replace(/\/info\.json$/,``)}function Mt(e){return e.endsWith(`/info.json`)?e:`${e.replace(/\/$/,``)}/info.json`}function Nt(e){let t=Array.isArray(e.sizes)?e.sizes.filter(e=>Number(e.width)&&Number(e.height)).map(e=>({width:Number(e.width),height:Number(e.height)})):[];if(t.length)return t.sort((e,t)=>e.width-t.width).slice(0,8);let n=Number(e.width),r=Number(e.height);return!n||!r?[]:[256,512,1024].filter(e=>e<n).map(e=>({width:e,height:Math.round(r/n*e)})).concat([{width:n,height:r}]).slice(0,4)}function Pt(e){return`${e.width},${e.height||``}`}function Ft(e,t){return e.reduce((e,n)=>e?Math.hypot(n.width-t,n.height-t)<Math.hypot(e.width-t,e.height-t)?n:e:n,void 0)}function It(e,t){let n={...e};n[`@id`]&&(n.id=n[`@id`]),n[`@type`]&&(n.type=n[`@type`]);let r=(0,S.createImageServiceRequest)(n);return(0,S.imageServiceRequestToString)({identifier:r.identifier,server:r.server,scheme:r.scheme,type:`image`,size:{max:!1,confined:!1,upscaled:!1,width:t.width,height:t.height},format:`jpg`,region:{full:!0},rotation:{angle:0},quality:`default`,prefix:r.prefix,originalPath:r.originalPath})}function Lt(e){return e?typeof e==`string`?e:Array.isArray(e)?e.filter(Boolean).join(` `):typeof e==`object`?Object.values(e).flatMap(e=>Array.isArray(e)?e:[e]).filter(e=>typeof e==`string`).join(` `):``:``}const Rt=new Set([`left`,`right`,`bottom`,`top`]),zt=new Set([...Rt,`image`]),Bt=new Set([`cover`,`image-cover`]);function Vt(e,t,n){let r=e.findIndex(e=>t.has(e)),i=e.filter(e=>!t.has(e));return i.splice(r<0?i.length:r,0,n),i}function Ht(e,t,n,r){let i=e.findIndex(e=>t.has(e)),a=e.filter(e=>!t.has(e));return r&&a.splice(i<0?a.length:i,0,n),a}function Ut(e,t){return Vt(e,t===`image`?zt:Rt,t)}const Wt=new Set([`scroll`,`page-scroll`]),Gt=new Set([`splash`,`fixed`,`invert`,`backdrop-light`,`backdrop-dark`,`compact-deck`]),Kt=[{value:`image`,label:`Image only`},{value:`top`,label:`Text above image`},{value:`bottom`,label:`Text below image`},{value:`left`,label:`Text left of image`},{value:`right`,label:`Text right of image`}],G={primary:`var(--exhibition-primary, #b84c74)`,fieldBorder:`var(--exhibition-field-border, #dcd5ce)`,fieldBackground:`var(--exhibition-field-bg, #f8f6f3)`,text:`var(--exhibition-text, #25211f)`,muted:`var(--exhibition-muted, #6a625c)`,buttonBackground:`var(--exhibition-button-bg, #ffffff)`,buttonText:`var(--exhibition-button-text, #ffffff)`,inactiveButtonText:`var(--exhibition-inactive-button-text, #332f2c)`},qt=[{value:12,label:`Full width`},{value:8,label:`2/3 width`},{value:6,label:`Half width`},{value:4,label:`1/3 width`}],Jt=new Set(yt.map(e=>e.value));function Yt(e){return e.some(e=>Wt.has(e))}function Xt(e){return e.some(e=>Bt.has(e))}function Zt(e,t){return e===`slideshow`||e===`scroll`||e===`fullpage`?e:t===`exhibition-slideshow-editor`?`slideshow`:t===`exhibition-scrolling-editor`?`scroll`:`fullpage`}function Qt(e,t=!1,n=!0,r=!1,i=!0){let a=e===`scroll`||t;return{showGridSizing:e===`fullpage`&&!t&&!r,isSlideshow:e===`slideshow`,showFloating:!r&&(e===`slideshow`||e===`scroll`||t),showImageCover:i&&!r&&(e===`fullpage`&&!t||a&&n),showScrollToggle:!r&&e===`fullpage`,showScrollDisplay:e===`slideshow`||e===`scroll`,showFixedCover:e===`scroll`,showCoverBackdrop:!1,scrollContext:a,layoutOptions:r?[]:a?n?[{value:`left`,label:`Annotations on left`},{value:`right`,label:`Annotations on right`}]:[]:Kt}}function $t(e=[],t=!0){let n=(0,l.useApp)();return Qt(Zt(V()?.type,n.metadata.id),Yt(e),t,e.includes(`splash`))}const en={component:()=>(0,p.jsx)(ln,{}),supports:{edit:!0,resourceTypes:[`Canvas`],properties:[`behavior`],custom:({resource:e},t)=>mt(e,t)?!ht(e,t):!1},id:`slide-behaviors`,label:`Layout`,tabs:{showTitle:!0}},tn={id:`floating`,type:`choice`,label:{en:[`Floating`]},initialOpen:!1,addNone:!0,groupBehavior:`floating`,items:yt.map(e=>({label:{en:[`Float ${e.label.toLowerCase()}`]},value:e.value}))},nn={id:`size`,component:(e,t)=>(0,p.jsx)(cn,{behaviors:e,setBehaviors:t}),label:{en:[`Size`]},type:`custom`,initialOpen:!0,supports:e=>e.startsWith(`w-`)||e.startsWith(`h-`)};function rn({behaviors:e,setBehaviors:t,flags:n}){let r=(n,r)=>{let i=Ht(e,new Set([n.value,...n.aliases||[],...n.group||[]]),n.value,r);t(n.clean?n.clean(i,r):i)};return(0,p.jsx)(`div`,{className:`flex flex-col gap-2`,children:n.map(t=>(0,p.jsx)(_n,{checked:e.includes(t.value)||!!t.aliases?.some(t=>e.includes(t)),label:t.label,onChange:e=>r(t,e)},t.value))})}function an({behaviors:e,setBehaviors:t,options:n}){let r=yn(e);return(0,p.jsx)(`div`,{className:`grid grid-cols-2 gap-2`,children:n.map(n=>(0,p.jsx)(gn,{selected:r===n.value&&(n.value===`image`||e.includes(n.value)),onClick:()=>t(Ut(e,n.value)),children:n.label},n.value))})}function on(e,t=[],n=!0,r=!0,i=!0){let a=Qt(e,Yt(t),r,t.includes(`splash`)&&n,i),o=a.showScrollDisplay&&n,s=[];return a.layoutOptions.length&&!(a.isSlideshow&&Sn(t))&&s.push({id:`layout`,type:`custom`,label:{en:[`Layout`]},initialOpen:!0,supports:e=>zt.has(e),component:(e,t)=>(0,p.jsx)(an,{behaviors:e,setBehaviors:t,options:a.layoutOptions})}),a.showScrollToggle&&s.push({id:`scroll`,type:`custom`,label:{en:[`Scrolling section`]},initialOpen:!1,supports:e=>Wt.has(e),component:(e,t)=>(0,p.jsx)(rn,{behaviors:e,setBehaviors:t,flags:[{value:`scroll`,label:`Show as a scrolling section`,aliases:[`page-scroll`],clean:(e,t)=>t?e.filter(e=>!En(e)):e}]})}),a.showImageCover&&s.push({id:`display`,type:`custom`,label:{en:[`Display`]},initialOpen:!1,supports:e=>Bt.has(e),component:(e,t)=>(0,p.jsx)(rn,{behaviors:e,setBehaviors:t,flags:[{value:`cover`,label:`Crop image to fill its frame`,aliases:[`image-cover`]}]})}),o&&s.push({id:`cover`,type:`custom`,label:{en:[`Cover`]},initialOpen:!1,supports:e=>Gt.has(e),component:(e,t)=>(0,p.jsx)(rn,{behaviors:e,setBehaviors:t,flags:[{value:`splash`,label:`Use as opening cover`},...a.showFixedCover?[{value:`fixed`,label:`Keep image fixed while scrolling`}]:[],{value:`invert`,label:`Use light text`}]})}),a.showFloating&&s.push(tn),a.showGridSizing&&s.push(nn),s}function sn(e){let t=0,n=0;for(let r of e)r.startsWith(`w-`)&&(t=Number.parseInt(r.slice(2))),r.startsWith(`h-`)&&(n=Number.parseInt(r.slice(2)));return{width:t,height:n}}function cn({behaviors:e,setBehaviors:t}){let{width:n,height:r}=sn(e),[i,a]=(0,m.useState)({x:-1,y:-1}),o=(n,r)=>{let i=e.filter(e=>!e.startsWith(`w-`)&&!e.startsWith(`h-`));i.push(`w-${n}`),i.push(`h-${r}`),t(i)},s=Array.from({length:144},(e,t)=>{let s=t%12,c=Math.floor(t/12),l=i.x>=s&&i.y>=c,u=s<n&&c<r,d=l&&u,f=`bg-gray-200`;return l&&(f=`bg-me-200`),u&&(f=`bg-me-500`),d&&(f=`bg-me-400`),(0,p.jsx)(`div`,{className:`flex aspect-square rounded cursor-se-resize items-center justify-center ${f}`,onClick:()=>o(s+1,c+1),onMouseUp:()=>o(s+1,c+1),onMouseEnter:()=>a({x:s,y:c})},t)});return(0,p.jsx)(`div`,{className:`grid grid-cols-12 grid-rows-12 gap-1`,onMouseLeave:()=>a({x:-1,y:-1}),children:s})}function ln(){let[e,t]=(0,l.useLocalStorage)(`exhibition-layout-panel-mode`,`simple`),n=U(e=>e.setCenterPanelMode);return(0,m.useEffect)(()=>{n(`preview`)},[n]),(0,p.jsx)(h.Sidebar,{children:(0,p.jsxs)(h.SidebarContent,{className:`bg-white px-6 pt-5 pb-20`,children:[(0,p.jsx)(`div`,{className:`mb-6 flex justify-center`,children:(0,p.jsx)(vn,{value:e,onChange:t})}),(0,p.jsx)(un,{mode:e})]})})}function un({mode:e=`advanced`,layoutContext:t=`default`}){let n=(0,u.useInStack)(`Canvas`),r=(0,d.useCanvas)(),i=(0,l.useEditor)(),a=(0,l.useApp)(),o=(0,d.useVault)(),s=(0,d.useManifest)(),c=Zt(V()?.type,t===`slideshow`?`exhibition-slideshow-editor`:a.metadata.id),{width:f,height:m}=i.technical,h=i.technical.behavior.get()||[],g=(0,d.useVaultSelector)((e,t)=>r?Me(t,r).length>0:!1,[r?.id,r?.annotations?.[0]?.id]),_=!!(r&&On(o,r)),v=!!(r&&Dn(s)===r.id&&_),y=Qt(c,Yt(h),g,h.includes(`splash`)&&v,_);return!n||i.technical.type!==`Canvas`?(0,p.jsx)(`div`,{className:`p-4`,children:`Please select canvas`}):e===`simple`?(0,p.jsx)(dn,{behavior:i.technical.behavior.get()||[],controls:y,canvasWidth:f.get()||0,canvasHeight:m.get()||0,onChange:e=>{i.technical.behavior.set(e)}}):(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`div`,{className:`px-2`,children:(0,p.jsxs)(u.InputContainer,{$wide:!0,children:[(0,p.jsx)(u.DimensionsTriplet,{widthId:f.containerId(),width:f.get()||0,changeWidth:e=>f.set(e),heightId:m.containerId(),height:m.get()||0,changeHeight:e=>m.set(e)}),(0,p.jsx)(`div`,{children:(0,p.jsx)(vt,{})})]})}),(0,p.jsx)(u.BehaviorEditor,{behavior:i.technical.behavior.get()||[],onChange:e=>{i.technical.behavior.set(e)},configs:on(c,h,v,g,_)}),(0,p.jsx)(wt,{})]})}function dn({behavior:e,controls:t,canvasWidth:n,canvasHeight:r,onChange:i}){let a=yn(e),o=t.showGridSizing?xn(e):12,s=Sn(e),c=Cn(e),l=Xt(e),u=Yt(e),f=e.includes(`splash`),m=e.includes(`fixed`),h=e.includes(`invert`),g=e.includes(`backdrop-dark`)?`backdrop-dark`:e.includes(`backdrop-light`)?`backdrop-light`:``,_=U(e=>e.requestTab),v=(0,d.useCanvas)(),y=(0,d.useVault)(),b=(0,d.useManifest)(),x=t.showGridSizing?o:12,S=kn({canvasWidth:n,canvasHeight:r,layoutPreset:a,displayWidth:x}),C=t.showGridSizing&&b?.items&&v?Mn(v.id,b.items,y):null,w=!!(v&&Dn(b)===v.id&&On(y,v)),T=d=>{let p=t.layoutOptions.length?d.layoutPreset??a:void 0,_=t.showGridSizing?d.displayWidth??o:12,b=d.floating??s,x=d.floatingBehavior??c,S=d.cover??l,C=d.scrollEnabled??u,T=d.splash??f,E=d.fixed??m,D=d.invert??h,O=d.backdrop??g;i(Tn({behavior:e,layoutPreset:p,displayWidth:_,canvasWidth:n,canvasHeight:r,floating:b,floatingBehavior:x,cover:S,scrollEnabled:C,splash:T,fixed:t.showFixedCover&&E,invert:D,backdrop:t.showCoverBackdrop?O:``,showGridSizing:t.showGridSizing&&!C,showFloating:t.showFloating,showImageCover:t.showImageCover,showScrollToggle:t.showScrollToggle,showScrollDisplay:t.showScrollDisplay&&w})),v&&p&&Pn(y,v,p)};return(0,p.jsxs)(`div`,{className:`flex flex-col gap-7`,children:[(0,p.jsx)(fn,{layoutPreset:a,cover:l,floating:s,width:x,height:S,showGridSizing:t.showGridSizing,onTextClick:()=>_(`summary`)}),t.layoutOptions.length&&!(t.isSlideshow&&s)?(0,p.jsxs)(K,{children:[(0,p.jsx)(q,{children:`Text placement`}),(0,p.jsx)(`div`,{className:`mt-3 grid grid-cols-2 gap-3`,children:t.layoutOptions.map(e=>(0,p.jsx)(pn,{preset:e.value,label:e.label,selected:a===e.value,onClick:()=>T({layoutPreset:e.value})},e.value))})]}):null,t.showGridSizing?(0,p.jsxs)(K,{children:[(0,p.jsx)(q,{children:`Width`}),(0,p.jsx)(`div`,{className:`mt-3 grid grid-cols-2 gap-3`,children:qt.map(e=>(0,p.jsx)(gn,{selected:o===e.value,onClick:()=>T({displayWidth:e.value}),children:e.label},e.value))})]}):null,C?(0,p.jsxs)(K,{children:[(0,p.jsxs)(q,{children:[`Fit alongside `,C.neighbour,` slide`]}),(0,p.jsx)(`div`,{className:`mt-3`,children:(0,p.jsxs)(gn,{selected:o===C.width,onClick:()=>T({displayWidth:C.width}),children:[`w-`,C.width,` — fills remaining space`]})})]}):null,(0,p.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[t.showScrollToggle?(0,p.jsx)(_n,{checked:u,label:`Show as a scrolling section`,onChange:e=>T({scrollEnabled:e})}):null,t.showFloating?(0,p.jsx)(_n,{checked:s,label:`Overlay text on the image`,onChange:e=>T({floating:e})}):null,t.isSlideshow&&s?(0,p.jsxs)(K,{children:[(0,p.jsx)(q,{children:`Text overlay position`}),(0,p.jsx)(`div`,{className:`mt-3`,children:(0,p.jsx)(St,{value:c,onChange:e=>{T(e?{floatingBehavior:e}:{floating:!1})}})})]}):null,t.showImageCover?(0,p.jsx)(_n,{checked:l,label:`Crop image to fill its frame`,onChange:e=>T({cover:e})}):null,t.showScrollDisplay&&w?(0,p.jsxs)(K,{children:[(0,p.jsx)(q,{children:`Cover`}),(0,p.jsxs)(`div`,{className:`mt-3 flex flex-col gap-3`,children:[(0,p.jsx)(_n,{checked:f,label:`Use as opening cover`,onChange:e=>T({splash:e})}),t.showFixedCover?(0,p.jsx)(_n,{checked:m,label:`Keep image fixed while scrolling`,onChange:e=>T({fixed:e})}):null,(0,p.jsx)(_n,{checked:h,label:`Use light text`,onChange:e=>T({invert:e})}),t.showCoverBackdrop?(0,p.jsxs)(K,{children:[(0,p.jsx)(q,{children:`Backdrop`}),(0,p.jsx)(`div`,{className:`mt-3 grid grid-cols-3 gap-2`,children:[{value:``,label:`Default`},{value:`backdrop-light`,label:`Light`},{value:`backdrop-dark`,label:`Dark`}].map(e=>(0,p.jsx)(gn,{selected:g===e.value,onClick:()=>T({backdrop:e.value}),children:e.label},e.value||`default`))})]}):null]})]}):null]})]})}function fn({layoutPreset:e,cover:t,floating:n,width:r,height:i,showGridSizing:a,onTextClick:o}){let s=e===`bottom`,c=e===`image`,l=e===`left`;return(0,p.jsxs)(`div`,{children:[(0,p.jsxs)(`div`,{className:`relative mx-auto overflow-hidden rounded-md border bg-[#f8f6f3] shadow-sm`,style:{width:`${Math.max(33,Math.round(r/12*100))}%`,aspectRatio:`${r} / ${i}`,borderColor:G.fieldBorder},children:[(0,p.jsxs)(`div`,{className:(0,y.twMerge)(`flex h-full w-full min-h-0`,l?`flex-row-reverse`:s?`flex-col`:`flex-row`),children:[(0,p.jsx)(`div`,{className:`relative min-h-0 flex-1 overflow-hidden bg-white`,children:(0,p.jsx)(`div`,{className:`absolute inset-0`,children:(0,p.jsx)(h.LazyThumbnail,{cover:t,fade:!1})})}),c?null:(0,p.jsx)(`button`,{type:`button`,"aria-label":`Edit slide text`,className:(0,y.twMerge)(`flex-shrink-0 border-0 bg-[#25211f] p-3 text-left text-white transition-colors hover:bg-[#332f2c] focus:outline-none focus:ring-2 focus:ring-me-primary-500 focus:ring-offset-2`,s?`h-1/3 w-full`:`h-full w-1/3`),onClick:o,children:(0,p.jsx)(hn,{tone:`light`})})]}),n?(0,p.jsx)(`div`,{className:`absolute right-2 top-2 h-7 w-10 rounded bg-white/90 shadow ring-1 ring-black/10`}):null]}),a?(0,p.jsxs)(`div`,{className:`mt-2 text-center text-xs`,style:{color:G.muted},children:[`w-`,r,` h-`,i]}):null]})}function pn({preset:e,label:t,selected:n,onClick:r}){return(0,p.jsxs)(`button`,{type:`button`,"aria-pressed":n,className:`flex min-h-[112px] flex-col items-center justify-center gap-3 rounded-md border px-3 py-4 text-center text-sm font-semibold transition-colors`,style:{backgroundColor:n?G.primary:G.buttonText,borderColor:n?G.primary:G.fieldBorder,color:n?G.buttonText:G.inactiveButtonText},onClick:r,children:[(0,p.jsx)(mn,{preset:e,selected:n}),(0,p.jsx)(`span`,{className:`leading-tight`,children:t})]})}function mn({preset:e,selected:t}){let n=e===`image`,r=e===`bottom`,i=e===`top`,a=e===`left`,o=t?`bg-white/80`:`bg-[#25211f]`,s=t?`bg-white/25 ring-white/70`:`bg-[#f8f6f3] ring-[#dcd5ce]`;return(0,p.jsxs)(`span`,{className:(0,y.twMerge)(`flex h-12 w-16 gap-1 overflow-hidden rounded border p-1`,t?`border-white/70 bg-white/15`:`border-[#dcd5ce] bg-white`,a?`flex-row-reverse`:r?`flex-col`:i?`flex-col-reverse`:`flex-row`),"aria-hidden":`true`,children:[(0,p.jsx)(`span`,{className:(0,y.twMerge)(`flex-1 rounded-sm ring-1`,s)}),n?null:(0,p.jsx)(`span`,{className:(0,y.twMerge)(`flex flex-shrink-0 flex-col justify-center gap-0.5 rounded-sm px-0.5`,o,r||i?`h-3 w-full`:`h-full w-4`),children:(0,p.jsx)(hn,{compact:!0,tone:t?`dark`:`light`})})]})}function hn({compact:e=!1,tone:t=`light`}){let n=t===`light`?`bg-white/70`:`bg-[#8b3f61]/70`;return(0,p.jsxs)(`span`,{className:(0,y.twMerge)(`block space-y-1.5`,e?`space-y-0.5`:`mt-1`),"aria-hidden":`true`,children:[(0,p.jsx)(`span`,{className:(0,y.twMerge)(`block rounded`,n,e?`h-0.5 w-full`:`h-1.5 w-3/4`)}),(0,p.jsx)(`span`,{className:(0,y.twMerge)(`block rounded`,n,e?`h-0.5 w-4/5`:`h-1.5 w-full`)}),(0,p.jsx)(`span`,{className:(0,y.twMerge)(`block rounded`,n,e?`h-0.5 w-2/3`:`h-1.5 w-2/3`)})]})}function gn({selected:e,onClick:t,children:n,title:r}){return(0,p.jsx)(`button`,{type:`button`,title:r,"aria-pressed":e,className:`flex min-h-11 items-center justify-center gap-1.5 rounded-md border px-3 py-2 text-sm font-semibold transition-colors`,style:{backgroundColor:e?G.primary:G.buttonText,borderColor:e?G.primary:G.fieldBorder,color:e?G.buttonText:G.inactiveButtonText,boxShadow:e?`0 0 0 2px ${G.primary}33`:void 0},onClick:t,children:n})}function _n({checked:e,label:t,onChange:n}){return(0,p.jsxs)(`label`,{className:`flex items-center justify-between rounded-md border px-4 py-3 text-sm font-semibold`,style:{backgroundColor:G.fieldBackground,borderColor:G.fieldBorder,color:G.text},children:[t,(0,p.jsx)(`input`,{type:`checkbox`,className:`h-4 w-4 accent-me-primary-500`,checked:e,onChange:e=>n(e.currentTarget.checked)})]})}function vn({value:e,onChange:t}){return(0,p.jsx)(`div`,{role:`group`,"aria-label":`Editing mode`,className:`grid w-full max-w-[240px] grid-cols-2 rounded-full bg-[#f5eaf0] p-1`,children:[`simple`,`advanced`].map(n=>{let r=e===n;return(0,p.jsx)(v.Button,{"aria-pressed":r,className:`border-none rounded-full bg-transparent px-4 py-2 text-sm font-semibold capitalize transition-colors`,style:{backgroundColor:r?G.primary:`transparent`,color:r?`#ffffff`:`#8b3f61`,boxShadow:r?`0 1px 3px rgba(15, 23, 42, 0.18)`:`none`},onPress:()=>t(n),children:n},n)})})}function K({children:e}){return(0,p.jsx)(`div`,{children:e})}function q({children:e}){return(0,p.jsx)(`div`,{className:`text-sm font-semibold`,style:{color:G.muted},children:e})}function yn(e){return e.includes(`left`)?`left`:e.includes(`top`)?`top`:e.includes(`bottom`)?`bottom`:e.includes(`right`)?`right`:(e.includes(`image`),`image`)}function bn(e,t,n){let r=Ut(e,t);if(n?.width&&n?.height){let{width:i}=sn(e),a=i?i<=4?4:i<=6?6:i<=8?8:12:12,o=kn({canvasWidth:n.width,canvasHeight:n.height,layoutPreset:t,displayWidth:a}),s=r.filter(e=>!e.startsWith(`h-`));return s.push(`h-${o}`),s}return r}function xn(e){let{width:t}=sn(e);return t?t<=4?4:t<=6?6:t<=8?8:12:12}function Sn(e){return e.includes(`floating`)||e.some(e=>Jt.has(e))}function Cn(e){return e.find(e=>Jt.has(e))||`float-top-right`}function wn(e,t){let n=e.filter(e=>e!==`floating`&&!Jt.has(e));return t?[...n,t]:n}function Tn({behavior:e,layoutPreset:t,displayWidth:n,canvasWidth:r,canvasHeight:i,floating:a,floatingBehavior:o,cover:s,scrollEnabled:c,splash:l,fixed:u,invert:d,backdrop:f,showGridSizing:p,showFloating:m,showImageCover:h,showScrollToggle:g,showScrollDisplay:_}){let v=e.filter(e=>!((p||c)&&En(e)||m&&(e===`floating`||Jt.has(e))||h&&Bt.has(e)||g&&Wt.has(e)||_&&Gt.has(e)));if(t&&(v=Ut(v,t)),g&&c&&v.push(`scroll`),p){let e=kn({canvasWidth:r,canvasHeight:i,layoutPreset:t||`image`,displayWidth:n});v.push(`w-${n}`,`h-${e}`)}return m&&a&&v.push(o||`float-top-right`),h&&s&&v.push(`cover`),_&&(l&&v.push(`splash`),u&&v.push(`fixed`),d&&v.push(`invert`),f&&v.push(f)),v}function En(e){return e.startsWith(`w-`)||e.startsWith(`h-`)||e.startsWith(`start-`)}function Dn(e){return e?.items?.[0]?.id}function On(e,t){return!t||t.behavior?.includes(`info`)?!1:W(e,t).some(t=>{let n=Ve(e,t),r=n?.type===`SpecificResource`?n.source:n,i=Array.isArray(r?.service)?r.service:r?.service?[r.service]:[];return r?.type===`Image`||i.length>0})}function kn({canvasWidth:e,canvasHeight:t,layoutPreset:n,displayWidth:r}){let i=e&&t?e/t:1.5,a=n===`left`||n===`right`?2/3*r:r,o=n===`bottom`?3/2:1,s=Math.round(a/i*o);return Math.max(1,Math.min(12,s))}const An=[{value:4,label:`1/3 width`},{value:6,label:`Half width`},{value:8,label:`2/3 width`},{value:12,label:`Full width`}];function jn(e){let{width:t}=sn(e);return t}function Mn(e,t,n){let r=t.findIndex(t=>t.id===e);if(r===-1)return null;let i=e=>{if(!e)return 0;try{return jn(n.get(e)?.behavior||[])}catch{return 0}},a=i(t[r-1]),o=i(t[r+1]);if(a>0&&a<12){let e=12-a;if(e>=4)return{width:e,neighbour:`previous`}}if(o>0&&o<12){let e=12-o;if(e>=4)return{width:e,neighbour:`next`}}return null}const Nn=new Set([`left`,`right`,`bottom`,`top`]);function Pn(e,t,n){Nn.has(n)&&((0,u.getInternationalStringText)(t.label)||e.modifyEntityField(t,`label`,{en:[`Untitled`]}),(0,u.getInternationalStringText)(t.summary)||e.modifyEntityField(t,`summary`,{en:[`Add a description for this slide.`]}))}const Fn=`non-linear-tour`,In=`tour-marker-pin`,Ln=`editorial-text`;function Rn({className:e,editable:t=!1,mode:n=`edit`,showTourSteps:r=!1}){let i=(0,d.useCanvas)(),a=(0,d.useVault)(),o=(0,u.useInStack)(`Annotation`),s=(0,m.useRef)(null),[c,l]=(0,m.useState)(null),f=U(e=>e.requestTab),{selectedAnnotationId:h,repositioningAnnotationId:g,selectedTextRegion:_,repositioningTextRegion:v,selectedTourStepId:b,selectAnnotation:x,startRepositioning:S,selectTextRegion:C,selectTourStep:w}=H(),T=(0,d.useVaultSelector)((e,t)=>i?Fe(t,i):[],[i?.id,i?.items?.[0]?.id]),E=(0,d.useVaultSelector)((e,t)=>i?Me(t,i):[],[i?.id,i?.annotations?.[0]?.id]),D=o?.resource.source.id,O=n===`edit`&&r,k=Array.isArray(i?.behavior)?i.behavior:[],A=k.includes(Fn),j=k.includes(`tour-marker-pin`)?`pin`:`circle`,M=n===`edit`&&!r,N=E.find(e=>e.id===c);if((0,m.useEffect)(()=>{l(null)},[i?.id,r]),(0,m.useEffect)(()=>{A&&O&&b&&l(b)},[A,b,O]),!i)return null;let P=Number(i.width)||1920,F=Number(i.height)||1080,I=ze(i);return(0,p.jsxs)(`div`,{ref:s,className:(0,y.twMerge)(`relative h-full w-full overflow-hidden`,n===`edit`&&`bg-white`,e),style:{aspectRatio:`${P} / ${F}`},children:[T.length?T.map(e=>{let r=D===e.annotation.id,o=r||h===e.annotation.id,c=g===e.annotation.id;return(0,p.jsxs)(`div`,{className:(0,y.twMerge)(`absolute overflow-hidden`,M&&o&&`ring-4 ring-me-primary-500 ring-offset-2 ring-offset-white`,(c||r)&&M&&`cursor-move select-none touch-none`),style:{left:`${e.box.x/P*100}%`,top:`${e.box.y/F*100}%`,width:`${e.box.width/P*100}%`,height:`${e.box.height/F*100}%`},onPointerDown:M&&(c||r)?t=>Kn({event:t,mode:`move`,canvas:i,annotation:e.annotation,vault:a,startBox:e.box,stage:s.current}):M&&t?t=>{x(e.annotation.id),S(e.annotation.id),f(`content`),Kn({event:t,mode:`move`,canvas:i,annotation:e.annotation,vault:a,startBox:e.box,stage:s.current})}:void 0,children:[(0,p.jsx)(Gn,{layer:e,mode:n,cover:k.includes(`cover`)||k.includes(`image-cover`)}),M&&(c||r)?(0,p.jsx)(`div`,{className:`absolute bottom-0 right-0 h-4 w-4 cursor-se-resize rounded-tl bg-me-primary-500`,onPointerDown:t=>{t.stopPropagation(),Kn({event:t,mode:`resize`,canvas:i,annotation:e.annotation,vault:a,startBox:e.box,stage:s.current})}}):null]},e.annotation.id)}):(0,p.jsx)(`div`,{className:(0,y.twMerge)(`flex h-full w-full items-center justify-center text-sm font-semibold`,n===`preview`?`text-white/70`:`bg-white text-slate-600`),children:n===`preview`?`This slide has no content yet`:`Empty slide`}),I.text?(0,p.jsx)(Wn,{canvas:i,box:I.text,editable:t&&M,mode:n,repositioning:v===Ln,selected:_===Ln,stage:s,onSelect:()=>{C(Ln),f(`content`)}}):null,O?E.map((e,t)=>(0,p.jsx)(zn,{annotation:e,canvas:i,index:t,active:c===e.id,markerStyle:j,nonLinear:A,selected:b===e.id,onSelect:()=>{w(e.id),A&&l(e.id)}},e.id)):null,O&&A&&N?(0,p.jsx)(Hn,{annotation:N,onExit:()=>l(null)}):null]})}function zn({active:e,annotation:t,canvas:n,index:r,markerStyle:i,nonLinear:a,selected:o,onSelect:s}){let c=Ie(t,n),l=Array.isArray(n.behavior)?n.behavior:[],u=Array.isArray(t.behavior)?t.behavior:[],d=Sn(l)?Cn(u.length?u:l):null,f=Number(n.width)||1920,m=Number(n.height)||1080,h=`#6d5aa8`;return a?(0,p.jsx)(`button`,{type:`button`,className:(0,y.twMerge)(`absolute z-30 border-none bg-transparent p-0 transition-transform hover:scale-110 focus:outline-none focus:ring-4 focus:ring-white/80`,e&&`z-40 scale-110`),style:{left:`${(c.x+c.width/2)/f*100}%`,top:`${(c.y+c.height/2)/m*100}%`,transform:`translate(-50%, -50%)`},onClick:e=>{e.stopPropagation(),s()},children:(0,p.jsx)(Bn,{index:r+1,style:i})}):(0,p.jsxs)(`button`,{type:`button`,"aria-label":`Select tour step ${r+1}`,className:(0,y.twMerge)(`absolute select-none border-2 border-me-primary-500 bg-me-primary-500/10 touch-none`,o?`z-40`:`z-30`,`cursor-pointer`,o?`border-4`:`ring-2 ring-white`),style:{left:`${c.x/f*100}%`,top:`${c.y/m*100}%`,width:`${c.width/f*100}%`,height:`${c.height/m*100}%`,...o?{backgroundColor:`rgba(109, 90, 168, 0.2)`,borderColor:h,boxShadow:`0 0 0 4px rgba(109, 90, 168, 0.22), 0 0 0 8px rgba(109, 90, 168, 0.14)`}:{}},onClick:e=>{e.stopPropagation(),s()},children:[(0,p.jsx)(`span`,{className:`absolute left-1 top-1`,children:(0,p.jsx)(Vn,{index:r+1})}),(0,p.jsxs)(`span`,{className:(0,y.twMerge)(`absolute rounded px-1.5 py-0.5 text-xs font-semibold text-white`,Un(d),!o&&`bg-me-primary-500`),style:o?{backgroundColor:h}:void 0,children:[`Step `,r+1]})]})}function Bn({index:e,style:t}){return(0,p.jsxs)(`span`,{className:(0,y.twMerge)(`inline-flex items-center justify-center border-2 border-white bg-black text-white shadow-lg ring-1 ring-black/40`,t===`pin`?`h-10 w-10 rounded-full`:`h-8 min-w-8 rounded px-2 text-xs font-semibold`),children:[t===`pin`?(0,p.jsx)(`span`,{className:`h-2.5 w-2.5 rounded-full bg-white`,"aria-hidden":`true`}):e,(0,p.jsxs)(`span`,{className:`sr-only`,children:[`Tour step `,e]})]})}function Vn({index:e}){return(0,p.jsxs)(`span`,{className:`inline-flex h-10 w-10 items-center justify-center rounded-full border-2 border-white bg-black shadow-lg ring-1 ring-black/40`,children:[(0,p.jsx)(`span`,{className:`h-2.5 w-2.5 rounded-full bg-white`,"aria-hidden":`true`}),e?(0,p.jsxs)(`span`,{className:`sr-only`,children:[`Tour step `,e]}):null]})}function Hn({annotation:e,onExit:t}){let n=Jn(e.label),r=Jn(e.summary);return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`div`,{className:`absolute right-4 top-4 z-50`,children:(0,p.jsx)(`button`,{type:`button`,className:`rounded bg-white px-4 py-2 text-sm font-semibold text-slate-900 shadow ring-1 ring-black/10`,onClick:t,children:`Exit`})}),(0,p.jsxs)(`div`,{className:`absolute left-4 top-4 z-50 max-h-[calc(100%-2rem)] w-[min(26rem,calc(100%-2rem))] overflow-y-auto rounded bg-white p-5 text-slate-900 shadow-2xl ring-1 ring-black/10`,children:[(0,p.jsxs)(`div`,{className:`mb-4 flex items-start justify-between gap-3`,children:[(0,p.jsx)(`h3`,{className:`text-xl font-bold leading-tight`,children:n||`Tour step`}),(0,p.jsx)(`button`,{type:`button`,className:`text-2xl leading-none text-slate-900`,"aria-label":`Close`,onClick:t,children:`x`})]}),r?(0,p.jsx)(`p`,{className:`mb-4 text-sm leading-relaxed text-slate-700`,children:r}):null,(0,p.jsx)(d.AnnotationContext,{annotation:e.id,children:(0,p.jsx)(h.HTMLAnnotationBodyRender,{className:`prose prose-sm max-w-none text-slate-800`,locale:`en`})})]})]})}function Un(e){switch(e){case`float-top`:return`left-1/2 top-1 -translate-x-1/2`;case`float-top-right`:return`right-1 top-1`;case`float-left`:return`left-1 top-1/2 -translate-y-1/2`;case`float-right`:return`right-1 top-1/2 -translate-y-1/2`;case`float-bottom-left`:return`bottom-1 left-1`;case`float-bottom`:return`bottom-1 left-1/2 -translate-x-1/2`;case`float-bottom-right`:return`bottom-1 right-1`;default:return`left-1 top-1`}}function Wn({canvas:e,box:t,editable:n,mode:r,onSelect:i,repositioning:a,selected:o,stage:s}){let c=Number(e.width)||1920,l=Number(e.height)||1080,u=(0,d.useVault)();return(0,p.jsxs)(`div`,{className:(0,y.twMerge)(`absolute flex flex-col overflow-hidden bg-black text-white`,r===`preview`?`font-mono`:`p-[3%]`,n&&o&&`ring-4 ring-me-primary-500 ring-offset-2`,n&&a&&`cursor-move select-none touch-none`),style:{left:`${t.x/c*100}%`,top:`${t.y/l*100}%`,width:`${t.width/c*100}%`,height:`${t.height/l*100}%`,...r===`preview`?{containerType:`inline-size`,padding:`3% 4%`}:{}},onPointerDown:n?n=>{i(),a&&qn({event:n,mode:`move`,canvas:e,vault:u,startBox:t,stage:s.current})}:void 0,children:[r===`edit`?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`div`,{className:`block cursor-text text-xl font-semibold uppercase leading-tight outline-none focus:ring-2 focus:ring-white/70`,contentEditable:!0,suppressContentEditableWarning:!0,onBlur:t=>u.modifyEntityField(e,`label`,{en:[t.currentTarget.textContent||``]}),children:Jn(e.label)||`Untitled`}),(0,p.jsx)(`div`,{className:`mt-4 block min-h-0 cursor-text overflow-y-auto whitespace-pre-wrap text-sm leading-relaxed opacity-90 outline-none focus:ring-2 focus:ring-white/70`,contentEditable:!0,suppressContentEditableWarning:!0,onBlur:t=>u.modifyEntityField(e,`summary`,{en:[t.currentTarget.textContent||``]}),children:Jn(e.summary)||`Add editorial text`})]}):(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(d.LocaleString,{className:`block font-semibold uppercase leading-tight`,style:{fontSize:`clamp(13px, 5cqw, 26px)`},children:e.label}),(0,p.jsx)(d.LocaleString,{className:`block min-h-0 overflow-y-auto whitespace-pre-wrap opacity-90 leading-[1.45]`,style:{fontSize:`clamp(11px, 3.5cqw, 18px)`,marginTop:`5%`,paddingRight:`2%`},children:e.summary})]}),n&&a?(0,p.jsx)(`div`,{className:`absolute bottom-0 right-0 h-4 w-4 cursor-se-resize rounded-tl bg-me-primary-500`,onPointerDown:n=>{n.stopPropagation(),qn({event:n,mode:`resize`,canvas:e,vault:u,startBox:t,stage:s.current})}}):null]})}function Gn({layer:e,mode:t,cover:n}){return e.imageUrl?(0,p.jsx)(`img`,{src:e.imageUrl,alt:``,className:(0,y.twMerge)(`h-full w-full`,n?`object-cover`:`object-contain`)}):e.html===null?e.youtubeId?(0,p.jsx)(`iframe`,{className:`h-full w-full border-0`,title:`YouTube slide content`,src:`https://www.youtube.com/embed/${e.youtubeId}?modestbranding=1&rel=0`,allow:`accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture`,allowFullScreen:!0}):e.videoUrl?(0,p.jsx)(`video`,{className:`h-full w-full bg-black object-contain`,controls:!0,children:(0,p.jsx)(`source`,{src:e.videoUrl})}):(0,p.jsx)(`div`,{className:`flex h-full w-full items-center justify-center rounded bg-slate-100 text-sm font-semibold text-slate-500`,children:`Media`}):e.html?(0,p.jsx)(`div`,{className:`h-full w-full overflow-hidden bg-white p-4 text-slate-900`,dangerouslySetInnerHTML:{__html:e.html}}):t===`preview`?null:(0,p.jsx)(`div`,{className:`h-full w-full overflow-hidden bg-white p-4 text-slate-900`,children:(0,p.jsx)(`div`,{className:`flex h-full items-center justify-center rounded border border-dashed border-slate-300 text-sm font-semibold text-slate-400`,children:`Empty text`})})}function Kn({event:e,mode:t,canvas:n,annotation:r,vault:i,startBox:a,stage:o}){if(!o)return;e.preventDefault();let s=o.getBoundingClientRect(),c=(Number(n?.width)||1920)/s.width,l=(Number(n?.height)||1080)/s.height,u=e.clientX,d=e.clientY,f=e=>{let o=(e.clientX-u)*c,s=(e.clientY-d)*l,f=t===`move`?{...a,x:a.x+o,y:a.y+s}:{...a,width:a.width+o,height:a.height+s};Le(i,n,r.id,f)},p=()=>{window.removeEventListener(`pointermove`,f),window.removeEventListener(`pointerup`,p),window.removeEventListener(`pointercancel`,p)};window.addEventListener(`pointermove`,f),window.addEventListener(`pointerup`,p),window.addEventListener(`pointercancel`,p)}function qn({event:e,mode:t,canvas:n,vault:r,startBox:i,stage:a}){if(!a)return;e.preventDefault(),e.stopPropagation();let o=a.getBoundingClientRect(),s=(Number(n?.width)||1920)/o.width,c=(Number(n?.height)||1080)/o.height,l=e.clientX,u=e.clientY,d=e=>{let a=(e.clientX-l)*s,o=(e.clientY-u)*c;Re(r,n,t===`move`?{...i,x:i.x+a,y:i.y+o}:{...i,width:i.width+a,height:i.height+o})},f=()=>{window.removeEventListener(`pointermove`,d),window.removeEventListener(`pointerup`,f),window.removeEventListener(`pointercancel`,f)};window.addEventListener(`pointermove`,d),window.addEventListener(`pointerup`,f),window.addEventListener(`pointercancel`,f)}function Jn(e){if(!e)return``;if(typeof e==`string`)return e;if(Array.isArray(e))return e.filter(Boolean).join(` `);let t=Object.values(e)[0];return Array.isArray(t)?t.filter(Boolean).join(` `):typeof t==`string`?t:``}const Yn=(0,m.forwardRef)(function({isFirst:e,item:t,children:n,onClick:r,...i},a){let o=(0,d.useCanvas)(),s=(0,h.useCanvasRenderingStrategy)(),c=o?.behavior||[],l=(0,u.useInStack)(`Canvas`),f=ft(o?.behavior,e),{isBottom:m,isImage:g,isInfo:_,isLeft:v}=pt(o?.behavior),b=l?.resource.source?.id===o?.id,x=(0,u.getInternationalStringText)(o?.label,`Untitled`),S=c.includes(`w-12`)&&c.includes(`h-8`),C=null;return C=S?(0,p.jsx)(Rn,{className:`pointer-events-none h-full w-full`,mode:`preview`}):_?(0,p.jsx)(`div`,{className:`bg-black w-full h-full text-white max-h-40`,children:(0,p.jsx)(`div`,{className:`p-1.5 text-[4px]`,children:s.type===`textual-content`?(0,p.jsx)(d.LocaleString,{enableDangerouslySetInnerHTML:!0,children:s.items[0]?.text}):null})}):(0,p.jsxs)(`div`,{className:(0,y.twMerge)(`flex h-full max-h-full min-h-0`,v?`flex-row-reverse`:m?`flex-col`:`flex-row`),children:[(0,p.jsx)(`div`,{className:`flex-1 overflow-hidden relative justify-self-stretch`,children:(0,p.jsx)(`div`,{className:`absolute inset-0 w-full h-full`,children:(0,p.jsx)(h.LazyThumbnail,{cover:c.includes(`cover`)||c.includes(`image-cover`),fade:!1})})}),g?null:(0,p.jsx)(`div`,{className:`${m?`min-h-3 w-full`:`w-1/3`} flex-shrink-0 self-stretch p-2 text-white bg-black rounded`,children:(0,p.jsxs)(`div`,{className:`p-1.5 text-[4px]`,children:[(0,p.jsx)(d.LocaleString,{className:`block mb-1 text-[5px]`,children:o?.label}),(0,p.jsx)(d.LocaleString,{children:o?.summary})]})})]}),(0,p.jsxs)(`div`,{ref:a,className:(0,y.twMerge)(f,`bg-me-gray-700 overflow-hidden hover:ring-2 ring-me-primary-500 relative`,b?`ring-2 ring-me-primary-500`:``),...i,children:[C,(0,p.jsx)(`button`,{type:`button`,className:`absolute inset-0 z-20 cursor-pointer bg-transparent focus:outline focus:outline-2 focus:outline-offset-[-2px] focus:outline-me-primary-500`,"aria-label":`Edit slide ${x}`,onClick:r}),n]})});function Xn(){let{open:e}=(0,l.useLayoutActions)(),{structural:t,technical:n}=(0,l.useManifestEditor)(),[,r]=(0,l.useCreator)({id:n.id.get(),type:`Manifest`},`items`,`Canvas`),i=t.items.get();return(0,p.jsx)(st,{children:i.map((t,n)=>(0,p.jsx)(d.CanvasContext,{canvas:t.id,children:(0,p.jsx)(Yn,{isFirst:n===0,item:t,onClick:()=>{e({id:`current-canvas`}),r.edit(t,n)}})},n))})}const Zn=new Set([`a`,`blockquote`,`br`,`code`,`em`,`h1`,`h2`,`h3`,`h4`,`h5`,`h6`,`hr`,`i`,`img`,`li`,`ol`,`p`,`pre`,`s`,`span`,`strong`,`u`,`ul`]),Qn={a:new Set([`href`,`rel`,`target`,`title`]),img:new Set([`alt`,`data-iiif-image`,`loading`,`src`,`title`])};function $n(e){let t=ir(e),n={};for(let[e,r]of Object.entries(t)){let t=r.filter(e=>typeof e==`string`).map(e=>ar(e)?nr(e):or(e)).filter(Boolean).join(``);t&&(n[e]=[t])}return n}function er(e){let t={};for(let[n,r]of Object.entries(e||{})){let e=(r||[]).filter(e=>typeof e==`string`).map(e=>ar(e)?nr(e):or(e)).filter(Boolean).join(``);e&&(t[n]=[e])}return t}function tr(e){return Object.values($n(e)).flatMap(e=>Array.isArray(e)?e:[e]).filter(e=>typeof e==`string`).join(``)}function nr(e){if(typeof document>`u`)return cr(e);let t=document.createElement(`template`);return t.innerHTML=e||``,rr(t.content),t.innerHTML}function rr(e){for(let t of Array.from(e.childNodes)){if(t.nodeType===Node.ELEMENT_NODE){let e=t,n=e.tagName.toLowerCase();if(!Zn.has(n)){rr(e),e.replaceWith(...Array.from(e.childNodes));continue}for(let t of Array.from(e.attributes))lr(n,t.name.toLowerCase(),t.value)||e.removeAttribute(t.name);n===`a`&&e.getAttribute(`target`)?.toLowerCase()===`_blank`&&e.setAttribute(`rel`,`noopener noreferrer`)}rr(t)}}function ir(e){if(!e)return{};if(typeof e==`string`)return{none:[e]};if(Array.isArray(e))return{none:e.filter(e=>typeof e==`string`)};if(typeof e==`object`){let t={};for(let[n,r]of Object.entries(e))t[n]=(Array.isArray(r)?r:[r]).filter(e=>typeof e==`string`);return t}return{}}function ar(e){return e.trimStart().startsWith(`<`)}function or(e){return e.replace(/\r\n?/g,`
2
+ `).split(/\n+/).map(e=>e.trim()).filter(Boolean).map(e=>`<p>${sr(e)}</p>`).join(``)}function sr(e){return e.replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`).replace(/"/g,`&quot;`).replace(/'/g,`&#39;`)}function cr(e){return(e||``).replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,``).replace(/<style\b[^<]*(?:(?!<\/style>)<[^<]*)*<\/style>/gi,``).replace(/<\s*(\/?)\s*([a-z0-9]+)([^>]*)>/gi,(e,t,n,r)=>{let i=n.toLowerCase();if(!Zn.has(i))return``;if(t)return`</${i}>`;let a=new Map;for(let e of r.matchAll(/([^\s=/>]+)(?:\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s"'=<>`]+)))?/g)){let t=e[1].toLowerCase(),n=e[2]??e[3]??e[4];n!==void 0&&lr(i,t,n)&&a.set(t,n)}return i===`a`&&a.get(`target`)?.toLowerCase()===`_blank`&&a.set(`rel`,`noopener noreferrer`),`<${i}${Array.from(a,([e,t])=>` ${e}="${dr(t)}"`).join(``)}${/\/\s*$/.test(r)?` /`:``}>`})}function lr(e,t,n){return Qn[e]?.has(t)?t===`data-iiif-image`?n===`true`:!((t===`href`||t===`src`)&&ur(n)):!1}function ur(e){let t=e.search(/[/?#]/);if(e.slice(0,t===-1?void 0:t).includes(`&`))return!0;let n=e.indexOf(`:`);if(n===-1)return!1;let r=e.slice(0,n).replace(/[\u0000-\u0020]/g,``).toLowerCase();return r.includes(`&`)||r===`javascript`||r===`data`}function dr(e){return e.replace(/&(?!(?:#\d+|#x[\da-f]+|[a-z][\w-]*);)/gi,`&amp;`).replace(/"/g,`&quot;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`)}function fr(e){let t=e||``;if(typeof document<`u`){let e=document.createElement(`template`);e.innerHTML=t;let n=Array.from(e.content.childNodes).find(e=>e.nodeType===Node.ELEMENT_NODE||e.nodeType===Node.TEXT_NODE&&e.textContent?.trim());if(n?.nodeType===Node.ELEMENT_NODE&&/^h[1-6]$/i.test(n.tagName)){let t=n.textContent?.trim()||``;return n.remove(),{label:t,summary:nr(e.innerHTML.trim())}}return{label:void 0,summary:nr(t)}}let n=t.match(/^(?:\s|<!--[\s\S]*?-->)*<h[1-6][^>]*>([\s\S]*?)<\/h[1-6]>\s*/i);return n?{label:hr(mr(n[1]||``)).trim(),summary:nr(t.slice(n[0].length).trim())}:{label:void 0,summary:nr(t)}}function pr(e,t){return`${e===void 0?``:e.trim()?`<h2>${gr(e.trim())}</h2>`:`<h2></h2>`}${nr(t||``)}`}function mr(e){return e.replace(/<[^>]*>/g,``)}function hr(e){let t={amp:`&`,apos:`'`,gt:`>`,lt:`<`,nbsp:`\xA0`,quot:`"`};return e.replace(/&(?:#(\d+)|#x([\da-f]+)|([a-z]+));/gi,(e,n,r,i)=>{if(i)return t[i.toLowerCase()]??e;let a=Number.parseInt(n||r||``,n?10:16);return a>0&&a<=1114111&&!(a>=55296&&a<=57343)?String.fromCodePoint(a):e})}function gr(e){return e.replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`).replace(/"/g,`&quot;`).replace(/'/g,`&#39;`)}function _r({mode:e}){let{open:t}=(0,l.useLayoutActions)(),{structural:n,technical:r}=(0,l.useManifestEditor)(),[,i]=(0,l.useCreator)({id:r.id.get(),type:`Manifest`},`items`,`Canvas`),a=n.items.get();return(0,p.jsx)(vr,{children:a.map((n,r)=>(0,p.jsx)(d.CanvasContext,{canvas:n.id,children:(0,p.jsx)(yr,{mode:e,onClick:()=>{t({id:`current-canvas`}),i.edit(n,r)}})},n.id))})}function vr({children:e}){let t=(0,d.useManifest)(),{edit:n}=(0,l.useLayoutActions)();return(0,p.jsxs)(`div`,{className:`flex flex-col gap-3 p-2`,children:[(0,p.jsx)(`button`,{type:`button`,onClick:()=>t&&n(t,void 0,{forceOpen:!0,selectedTab:`@manifest-editor/descriptive-properties`}),className:`w-full rounded border border-slate-200 bg-white p-2 text-left text-sm font-semibold text-slate-800 hover:bg-slate-50`,children:(0,p.jsx)(d.LocaleString,{children:t?.label})}),e]})}function yr({mode:e,onClick:t}){let n=(0,d.useCanvas)(),r=(0,d.useManifest)(),i=(0,u.useInStack)(`Canvas`)?.resource.source?.id===n?.id,[a,o]=(0,m.useState)(!1),s=(0,m.useId)(),c=(n?.behavior||[]).includes(`info`),l=e===`scroll`&&c,f=(0,d.useVaultSelector)((e,t)=>!!(r?.items?.[0]?.id===n?.id&&n&&Cr(t,n)),[r?.items?.[0]?.id,n?.id,n?.items?.[0]?.id]),h=(0,d.useVaultSelector)((e,t)=>n?Me(t,n):[],[n?.id,n?.annotations?.[0]?.id]);return n?(0,p.jsxs)(`article`,{className:(0,y.twMerge)(`overflow-hidden rounded border bg-white shadow-sm`,i?`border-me-primary-500 ring-2 ring-me-primary-100`:`border-slate-200`),children:[(0,p.jsxs)(`button`,{type:`button`,className:`block w-full text-left`,onClick:t,children:[(0,p.jsx)(`div`,{className:`border-b border-slate-100 px-2 py-1.5 text-xs font-semibold text-slate-700`,children:(0,p.jsx)(d.LocaleString,{children:n.label})}),f&&n.behavior?.includes(`splash`)?(0,p.jsx)(xr,{height:180}):e===`slideshow`?c?(0,p.jsx)(Sr,{height:180}):(0,p.jsx)(`div`,{style:{height:180,backgroundColor:`#303030`},children:(0,p.jsx)(Rn,{className:`pointer-events-none h-full w-full`,mode:`preview`})}):(0,p.jsx)(br,{})]}),h.length&&!l?(0,p.jsxs)(`div`,{className:`border-t border-slate-100`,children:[(0,p.jsxs)(`button`,{type:`button`,"aria-expanded":a,"aria-controls":s,className:`flex w-full items-center justify-between px-2 py-1.5 text-xs font-semibold text-slate-600 hover:bg-slate-50`,onClick:e=>{e.stopPropagation(),o(e=>!e)},children:[(0,p.jsx)(`span`,{children:a?`Hide steps`:`Show steps`}),(0,p.jsx)(`span`,{children:h.length})]}),a?(0,p.jsx)(`div`,{id:s,className:`flex flex-col gap-2 border-t border-slate-100 p-2`,children:h.map((e,r)=>(0,p.jsx)(wr,{annotation:e,canvas:n,onClick:t},e.id||r))}):null]}):null]}):null}function br(){let e=(0,d.useCanvas)(),t=e?.behavior||[],{isInfo:n}=pt(t);if(!e)return null;let r=Number(e.width)||1920,i=Number(e.height)||1080,a=Math.max(80,Math.round(332/r*i));return n?(0,p.jsx)(Sr,{}):(0,p.jsx)(`div`,{className:`min-h-0`,style:{height:a,backgroundColor:`#303030`},children:(0,p.jsx)(`div`,{className:`relative h-full min-h-0 overflow-hidden`,style:{backgroundColor:`#303030`},children:(0,p.jsx)(`div`,{className:`absolute inset-0`,children:(0,p.jsx)(h.LazyThumbnail,{cover:t.includes(`cover`)||t.includes(`image-cover`),fade:!1})})})})}function xr({height:e=180}){let t=(0,d.useManifest)(),n=(0,d.useCanvas)(),r=(0,u.getInternationalStringText)(t?.summary,``),i=(0,u.getInternationalStringText)(t?.requiredStatement?.label,``),a=(0,u.getInternationalStringText)(t?.requiredStatement?.value,``),o=(n?.behavior||[]).includes(`invert`),s=typeof n?.backgroundColor==`string`?n.backgroundColor:null;return(0,p.jsxs)(`div`,{className:(0,y.twMerge)(`relative overflow-hidden bg-black p-4`,o?`text-white`:`text-black`),style:{height:e},children:[(0,p.jsx)(`div`,{className:`absolute inset-0`,children:(0,p.jsx)(h.LazyThumbnail,{cover:!0,fade:!1})}),(0,p.jsx)(`div`,{className:`absolute inset-0 z-10 opacity-35`,style:{background:s||`transparent`}}),(0,p.jsxs)(`div`,{className:(0,y.twMerge)(`relative z-20 flex h-full flex-col justify-end p-3`,s?``:o?`bg-black/25 backdrop-blur-sm`:`bg-white/25 backdrop-blur-sm`),children:[(0,p.jsx)(d.LocaleString,{className:`block text-base font-semibold leading-tight`,children:t?.label}),r?(0,p.jsx)(`div`,{className:`mt-2 line-clamp-3 text-xs leading-relaxed opacity-75`,children:r}):null,a?(0,p.jsxs)(`div`,{className:`mt-3 border-t border-current/20 pt-2 text-[11px] leading-snug opacity-75`,children:[i?(0,p.jsx)(`div`,{className:`font-semibold opacity-85`,children:i}):null,(0,p.jsx)(`div`,{children:a})]}):null]})]})}function Sr({height:e}){let t=(0,d.useCanvas)(),n=(0,d.useVaultSelector)((e,n)=>t?Dr(n,t.annotations?.[0]):``,[t?.id,t?.annotations?.[0]?.id]);return t?(0,p.jsxs)(`div`,{className:`overflow-y-auto bg-white p-3 text-black`,style:e?{height:e}:void 0,children:[(0,p.jsx)(d.LocaleString,{className:`mb-2 block text-sm font-semibold uppercase leading-tight`,children:t.label}),(0,p.jsx)(`div`,{className:`prose prose-sm max-w-none text-xs leading-relaxed`,dangerouslySetInnerHTML:{__html:n||(0,u.getInternationalStringText)(t.summary,``)}})]}):null}function Cr(e,t){return!t||t.behavior?.includes(`info`)?!1:W(e,t).some(t=>{let n=Ve(e,t),r=n?.type===`SpecificResource`?n.source:n,i=Array.isArray(r?.service)?r.service:r?.service?[r.service]:[];return r?.type===`Image`||i.length>0})}function wr({annotation:e,canvas:t,onClick:n}){let{edit:r}=(0,l.useLayoutActions)(),i=H(e=>e.selectTourStep),a=H(e=>e.stopRepositioning),o=H(e=>e.stopTextRepositioning),s=U(e=>e.requestTab),c=U(e=>e.setShowTourSteps),u=U(e=>e.setCenterPanelMode),f=(0,d.useVaultSelector)((n,r)=>Er(r,e,t),[e?.id,e?.target,t?.id]),m=(0,d.useVaultSelector)((t,n)=>Tr(n,e),[e?.id,e?.body,e?.label,e?.summary]);return(0,p.jsxs)(`button`,{type:`button`,className:`flex gap-2 rounded border border-slate-200 bg-white p-1.5 text-left hover:bg-slate-50`,onClick:()=>{n(),r({id:t.id,type:`Canvas`},void 0,{selectedTab:`@exhibition/tour-steps`,forceOpen:!0}),e?.id&&i(e.id),a(),o(),c(!0),u(`edit`),s(`tour`)},children:[(0,p.jsx)(`div`,{className:`relative h-12 w-16 shrink-0 overflow-hidden rounded bg-slate-100`,children:(0,p.jsx)(h.LazyThumbnail,{cover:!0,fade:!1,region:f.region,singleImage:f.singleImage})}),(0,p.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,p.jsx)(`div`,{className:`truncate text-xs font-semibold text-slate-800`,children:m.label}),(0,p.jsx)(`div`,{className:`line-clamp-1 text-xs text-slate-500 [&_*]:m-0 [&_*]:inline`,dangerouslySetInnerHTML:{__html:m.summary}})]})]})}function Tr(e,t){let n=Ve(e,t);if(typeof n?.value==`string`){let{label:e,summary:r}=fr(n.value);return{label:e||(0,u.getInternationalStringText)(t.label,`Step`),summary:r}}return{label:(0,u.getInternationalStringText)(t.label,`Step`),summary:nr((0,u.getInternationalStringText)(t.summary,``))}}function Er(e,t,n){let r=t?.target,i=typeof r==`string`?null:r?.source,a=typeof i==`string`?i:i?.id||r?.id;if((typeof i==`string`?null:i?.type||r?.type)===`Annotation`&&a){let t=e.get({id:a,type:`Annotation`},{skipSelfReturn:!1});return{region:t?Ie(t,n):void 0,singleImage:!0}}let o=Ie(t,n),s=Number(n?.width)||1920,c=Number(n?.height)||1080;return{region:o.x===0&&o.y===0&&o.width===s&&o.height===c?void 0:o,singleImage:!1}}function Dr(e,t){let n=t?e.get(t,{skipSelfReturn:!1}):null;for(let t of n?.items||[]){let n=e.get(t,{skipSelfReturn:!1})||t,r=Array.isArray(n?.body)?n.body:[n?.body];for(let t of r){let n=t?e.get(t,{skipSelfReturn:!1})||t:null;if(typeof n?.value==`string`&&n.value)return n.value}}return``}function Or(e,t,n){if(t!==n)return t;let r=e.findIndex(e=>e.id===n);return r===-1?t:e[r+1]?.id||e[r-1]?.id}function kr(e){return(0,p.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,height:`1em`,width:`1em`,...e,children:[(0,p.jsx)(`title`,{children:`Rearrange`}),(0,p.jsx)(`path`,{fill:`none`,d:`M0 0h24v24H0z`}),(0,p.jsx)(`path`,{d:`M20 9H4v2h16V9zM4 15h16v-2H4v2z`,fill:`currentColor`})]})}function Ar({isFirst:e,onClick:t,item:n,actions:r,mode:i}){let{attributes:a,listeners:o,setActivatorNodeRef:s,setNodeRef:c,transform:l,transition:d}=(0,T.useSortable)({id:n.id,transition:{duration:150,easing:`cubic-bezier(0.25, 1, 0.5, 1)`}}),f={transform:E.CSS.Translate.toString(l),transition:d},m=(0,p.jsxs)(`div`,{className:`absolute right-0.5 top-0.5 z-30 flex items-stretch gap-0.5`,onClick:e=>e.stopPropagation(),children:[r?.length?(0,p.jsx)(u.AppDropdown,{as:v.Button,className:`bg-white p-1 text-2xl hover:text-me-500 aria-expanded:text-me-600 aria-expanded:bg-me-200 hover:bg-me-100 rounded-sm`,"aria-label":`Action menu`,items:r,children:(0,p.jsx)(h.MoreMenu,{})}):null,(0,p.jsx)(v.Button,{ref:s,...a,...o,"aria-label":`Reorder item`,className:`flex h-8 cursor-grab items-center rounded-sm bg-white p-1 text-2xl hover:bg-me-100 hover:text-me-500 focus:outline focus:outline-2 focus:outline-me-primary-500 active:cursor-grabbing`,children:(0,p.jsx)(kr,{"aria-hidden":`true`})})]});return i?(0,p.jsxs)(`div`,{ref:c,style:f,className:`relative`,children:[(0,p.jsx)(yr,{mode:i,onClick:t}),m]}):(0,p.jsx)(Yn,{ref:c,style:f,onClick:t,isFirst:e,item:n,children:m})}function jr({mode:e=`grid`}){let t=(0,d.useManifest)(),{structural:n,technical:r}=(0,l.useManifestEditor)(),i=(0,l.useEditingStack)(),a=(0,u.useInStack)(`Canvas`),o=n.items.get(),{open:s}=(0,l.useLayoutActions)(),c=(0,C.useSensors)((0,C.useSensor)(C.PointerSensor,{activationConstraint:{distance:5}}),(0,C.useSensor)(C.KeyboardSensor,{coordinateGetter:T.sortableKeyboardCoordinates})),[,f]=(0,l.useCreator)({id:r.id.get(),type:`Manifest`},`items`,`Canvas`),h=(0,m.useCallback)(e=>{let{active:t,over:r}=e;r&&t.id!==r.id&&n.items.reorder(o.findIndex(e=>e.id===t.id),o.findIndex(e=>e.id===r.id))},[o,n.items]),g=a?.resource.source.id;function _(e){if(g!==e)return;let t=Or(o,g,e);if(i.close(),t){let e=n.items.getWithoutTracking(),r=e.findIndex(e=>e.id===t),i=e[r];i&&f.edit(i,r)}}let v=o.map((r,i)=>r?(0,p.jsx)(d.CanvasContext,{canvas:r.id,children:(0,p.jsx)(Ar,{item:r,isFirst:i===0,mode:e===`grid`?void 0:e,onClick:()=>{s({id:`current-canvas`}),f.edit(r,i)},actions:(0,u.createAppActions)(n.items,()=>_(r.id))(r,i,t)})},r.id):null);return(0,p.jsx)(C.DndContext,{sensors:c,collisionDetection:C.closestCenter,onDragEnd:h,modifiers:[w.restrictToParentElement],children:(0,p.jsx)(T.SortableContext,{items:o,strategy:e===`grid`?T.rectSortingStrategy:T.verticalListSortingStrategy,children:e===`grid`?(0,p.jsx)(st,{children:v}):(0,p.jsx)(vr,{children:v})})})}function Mr(e){return e.length===0?{imageSlideBehavior:[`splash`]}:void 0}function Nr(e,t){return!!(e&&t?.[0]?.id===e.id&&e.behavior?.includes(`splash`))}function Pr(e,t){return Nr(t.get(e.resource),(e.parent?t.get(e.parent):void 0)?.items)}const Fr=Rr({label:`Exhibition grid`,creatorFilter:`exhibition-slide`,previewMode:`configured`}),Ir=Rr({label:`Slideshow`,creatorFilter:`exhibition-slideshow-slide`,previewMode:`slideshow`}),Lr=Rr({label:`Scroll`,creatorFilter:`exhibition-slide`,previewMode:`scroll`});function Rr({label:e,creatorFilter:t,previewMode:n}){return{id:`canvas-listing`,label:e,icon:(0,p.jsx)(Vr,{}),render:()=>(0,p.jsx)(zr,{creatorFilter:t,previewMode:n}),options:{minWidth:350,maxWidth:350}}}function zr({creatorFilter:e,previewMode:t}){let{structural:n,technical:r}=(0,l.useManifestEditor)(),i=Br(t,V()?.type),a=i===`slideshow`?`exhibition-slideshow-slide`:e,o={id:r.id.get(),type:`Manifest`},s=n.items.get()||[],c=(0,u.useInStack)(`Canvas`),d=(0,l.useEditingStack)(),f=c?.resource.source.id,m=f?s.findIndex(e=>e.id===f):-1,g=m>=0?m+1:void 0,_=i===`scroll`?Mr(s):void 0,[v,y]=(0,l.useCreator)(o,`items`,`Canvas`,void 0,{isPainting:!0}),[x,S]=(0,u.useToggleList)(),C=()=>y.createFiltered(a,g,_),w=i===`scroll`?`section`:`slide`;return(0,p.jsxs)(h.Sidebar,{children:[(0,p.jsx)(h.SidebarHeader,{title:`Exhibition`,actions:[{icon:x.list?(0,p.jsx)(b.CanvasListingIcon,{className:`text-2xl`}):(0,p.jsx)(Vr,{}),title:x.list?`List view`:`Grid view`,onClick:()=>S(`list`)},{icon:(0,p.jsx)(Hr,{}),title:`Edit ${w}s`,toggled:x.editing,onClick:()=>S(`editing`)},{icon:(0,p.jsx)(Ur,{}),title:`Add new ${w}`,disabled:!v,onClick:C}]}),(0,p.jsxs)(h.SidebarContent,{children:[x.editing?(0,p.jsx)(jr,{mode:i}):x.list?(0,p.jsx)(b.CanvasListView,{isEditing:x.editing,onDelete:e=>{if(f!==e)return;let t=Or(s,f,e);if(d.close(),t){let e=n.items.getWithoutTracking(),r=e.findIndex(e=>e.id===t),i=e[r];i&&y.edit(i,r)}}}):i===`slideshow`||i===`scroll`?(0,p.jsx)(_r,{mode:i}):(0,p.jsx)(Xn,{}),(0,p.jsx)(`div`,{className:`flex justify-center p-4`,children:(0,p.jsxs)(h.ActionButton,{primary:!0,large:!0,isDisabled:!v,onPress:C,children:[`Create new `,w]})})]})]})}function Br(e,t){return e===`configured`?t===`slideshow`||t===`scroll`?t:`grid`:e}function Vr(){return(0,p.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`24`,height:`24`,fill:`currentColor`,viewBox:`0 -960 960 960`,children:[(0,p.jsx)(`title`,{children:`Exhibition grid`}),(0,p.jsx)(`path`,{d:`M600-160v-280h280v280H600ZM440-520v-280h440v280H440ZM80-160v-280h440v280H80Zm0-360v-280h280v280H80Zm440-80h280v-120H520v120ZM160-240h280v-120H160v120Zm520 0h120v-120H680v120ZM160-600h120v-120H160v120Zm360 0Zm-80 240Zm240 0ZM280-600Z`})]})}function Hr(){return(0,p.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,height:`24`,viewBox:`0 0 24 24`,width:`24`,children:[(0,p.jsx)(`title`,{children:`Edit slides`}),(0,p.jsx)(`path`,{d:`M0 0h24v24H0V0z`,fill:`none`}),(0,p.jsx)(`path`,{d:`M14.06 9.02l.92.92L5.92 19H5v-.92l9.06-9.06M17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29zm-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z`})]})}function Ur(){return(0,p.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`24`,height:`24`,fill:`currentColor`,viewBox:`0 -960 960 960`,children:[(0,p.jsx)(`title`,{children:`Add new slide`}),(0,p.jsx)(`path`,{d:`M160-240v-480 480Zm80-80v-200h360v200H240Zm-80 160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v240h-80v-240H160v480h360v80H160Zm500-320v-100H360v-60h360v160h-60Zm60 400v-120H600v-80h120v-120h80v120h120v80H800v120h-80Z`})]})}const Wr={id:`@exhibitions/overview-panel`,label:`Preview`,icon:(0,p.jsx)(it,{}),render:()=>(0,p.jsx)(Gr,{})};function Gr(){return(0,d.useManifest)()?(0,p.jsx)(`div`,{children:`Coming soon.`}):null}const Kr=({rotate:e=0,...t})=>(0,p.jsx)(`svg`,{version:`1.2`,xmlns:`http://www.w3.org/2000/svg`,overflow:`visible`,preserveAspectRatio:`none`,viewBox:`0 0 24 24`,width:`1em`,height:`1em`,style:{fill:`rgba(0, 0, 0, 0.6)`,transform:`rotate(${e}deg)`,transition:`transform 0.2s`},...t,children:(0,p.jsx)(`path`,{d:`M8.12 9.29 12 13.17l3.88-3.88a.996.996 0 1 1 1.41 1.41l-4.59 4.59a.996.996 0 0 1-1.41 0L6.7 10.7a.996.996 0 0 1 0-1.41c.39-.38 1.03-.39 1.42 0z`,fill:`currentColor`})}),J=(e,t,n)=>({id:e,label:t,type:`boolean`,defaultValue:n}),qr=[{id:`exhibition-fullpage`,label:`Delft exhibition`,summary:`A guided exhibition layout with full-page scenes and focused narrative steps.`,type:`fullpage`,previewUrl:`https://preview.exhibitionviewer.org/preview/delft/full-page`,thumbnailUrl:`https://manifest-editor-docs.netlify.app/exhibition-fullpage.png`,configuration:[J(`delft.exhibition.cutCorners`,`Cut corners`,!0),J(`delft.exhibition.hideTableOfContents`,`Hide table of contents`,!1),J(`delft.exhibition.showNavigationControls`,`Show navigation controls`,!1),J(`delft.exhibition.hideTitle`,`Hide title`,!1)]},{id:`exhibition-slideshow`,label:`Slideshow`,summary:`A slide-based exhibition for linear presentations and teaching material.`,type:`slideshow`,previewUrl:`https://preview.exhibitionviewer.org/preview/delft/slideshow`,thumbnailUrl:`https://manifest-editor-docs.netlify.app/exhibition-slideshow.png`,configuration:[J(`delft.presentation.cutCorners`,`Cut corners`,!1),J(`delft.presentation.isFloating`,`Floating controls`,!1),{id:`delft.presentation.floatingPosition`,label:`Floating position`,type:`select`,defaultValue:`top-left`,options:[{label:`Top left`,value:`top-left`},{label:`Top right`,value:`top-right`},{label:`Bottom left`,value:`bottom-left`},{label:`Bottom right`,value:`bottom-right`}]},J(`delft.presentation.labelOnlyFloating`,`Only float labels`,!0)]},{id:`exhibition-scroll`,label:`Scrolling story`,summary:`A vertical reading experience for essays, object stories, and long-form interpretation.`,type:`scroll`,previewUrl:`https://preview.exhibitionviewer.org/preview/delft/scroll`,thumbnailUrl:`https://manifest-editor-docs.netlify.app/exhibition-scroll.png`,configuration:[J(`scroll.options.showTitleBlock`,`Show title block`,!0),J(`scroll.options.titleBlock.fullHeight`,`Full-height title block`,!0),J(`scroll.options.showTableOfContents`,`Show table of contents`,!1),J(`scroll.options.showProgressBar`,`Show progress bar`,!0),J(`scroll.options.showProgressTableOfContents`,`Show contents in progress bar`,!0),J(`scroll.options.showScrollToTop`,`Show scroll-to-top button`,!0),J(`scroll.options.showNavigationControls`,`Show navigation controls`,!0)]},{id:`leeds-exhibition`,label:`Leeds exhibition`,summary:`A full-page exhibition template for the Leeds University Library.`,type:`fullpage`,previewUrl:`https://preview.exhibitionviewer.org/preview/leeds/full-page`,thumbnailUrl:`https://manifest-editor-docs.netlify.app/exhibition-fullpage-leeds.png`,configuration:[]},{id:`leeds-exhibition-slideshow`,label:`Leeds exhibition slideshow`,summary:`A slideshow exhibition template for the Leeds University Library.`,type:`slideshow`,previewUrl:`https://preview.exhibitionviewer.org/preview/leeds/slideshow`,thumbnailUrl:`https://manifest-editor-docs.netlify.app/exhibition-slideshow-leeds.png`,configuration:[]},{id:`leeds-exhibition-scroll`,label:`Leeds exhibition scroll`,summary:`A scroll exhibition template for the Leeds University Library.`,type:`scroll`,previewUrl:`https://preview.exhibitionviewer.org/preview/leeds/scroll`,thumbnailUrl:`https://manifest-editor-docs.netlify.app/exhibition-scroll-leeds.png`,configuration:[]}];function Jr(e,t){let n=e;for(let e of t.split(`.`))n=n?.[e];return n}function Yr(e,t,n){var r;let i=structuredClone(e),a=t.split(`.`),o=i;for(let e of a.slice(0,-1))o=(r=o)[e]||(r[e]={});return o[a.at(-1)]=n,i}const Xr={id:`@exhibitions/theme-panel`,label:`Preview`,icon:(0,p.jsx)(it,{}),render:()=>(0,p.jsx)(Zr,{}),options:{minWidth:360,maxWidth:440}};function Zr(){let e=(0,d.useManifest)(),t=(0,d.useVault)(),n=V(),r=(0,l.useOpenPresetOnboarding)(),i=e?.service||[],a=e?.services||[],o=ge(i)||ge(a),s=n?.configuration||[],c=o?.service?.theme||{},u=s.reduce((e,t)=>Yr(e,t.id,Jr(c,t.id)??t.defaultValue??Qr(t)),{});if(!e||!n)return null;let f=n=>{let r=n?{id:`${e.id}#exhibition-viewer-theme`,type:`Service`,profile:I,label:ee,theme:n}:null,o={id:e.id,type:`Manifest`};t.batch(t=>{t.modifyEntityField(o,`service`,ve(i,r)),(e.services||ge(a))&&t.modifyEntityField(o,`services`,ve(a,null))})};return(0,p.jsx)(h.Sidebar,{children:(0,p.jsxs)(h.SidebarContent,{padding:!0,children:[(0,p.jsxs)(Y,{title:n.label,description:n.summary,children:[(0,p.jsx)(`img`,{src:n.thumbnailUrl,alt:``,className:`aspect-video w-full rounded border border-slate-200 object-cover`}),(0,p.jsx)(v.Button,{className:`rounded border border-slate-300 px-3 py-2 text-sm hover:bg-slate-50`,onPress:r,children:`Change template`})]}),(0,p.jsxs)(Y,{title:`Preview configuration`,description:`These settings are defined by the selected template and stored as a service on the Manifest.`,children:[s.map(e=>(0,p.jsx)($r,{field:e,value:Jr(c,e.id)??e.defaultValue??Qr(e),onChange:t=>f(Yr(u,e.id,t))},e.id)),s.length?null:(0,p.jsx)(`p`,{className:`text-sm text-slate-500`,children:`This template has no configurable settings.`}),o?(0,p.jsx)(v.Button,{className:`rounded border border-slate-300 px-3 py-2 text-sm hover:bg-slate-50`,onPress:()=>f(null),children:`Remove preview service`}):(0,p.jsx)(v.Button,{className:`rounded bg-me-primary-600 px-3 py-2 text-sm text-white hover:bg-me-primary-700`,onPress:()=>f(u),children:`Add preview service`})]}),(0,p.jsx)(si,{})]})})}function Qr(e){return e.type===`boolean`?!1:e.type===`number`?0:``}function $r({field:e,value:t,onChange:n}){return e.type===`boolean`?(0,p.jsx)(X,{label:e.label,checked:!!t,onChange:n}):e.type===`select`?(0,p.jsx)(ni,{label:e.label,value:String(t),onChange:n,options:(e.options||[]).map(e=>({label:e.label,value:String(e.value)}))}):(0,p.jsxs)(u.InputContainer,{$wide:!0,children:[(0,p.jsx)(u.InputLabel,{children:e.label}),e.type===`textarea`?(0,p.jsx)(`textarea`,{"aria-label":e.label,className:`w-full rounded border border-slate-300 bg-slate-50 px-3 py-2 text-sm`,value:String(t),onChange:e=>n(e.target.value)}):(0,p.jsx)(u.Input,{"aria-label":e.label,type:e.type===`number`?`number`:`text`,value:String(t),onChange:t=>n(e.type===`number`?t.target.valueAsNumber:t.target.value)})]})}function Y({title:e,description:t,children:n,collapsible:r=!1}){let[i,a]=(0,m.useState)(!0);return r?(0,p.jsxs)(`section`,{className:`mb-3 rounded-md border border-slate-200 bg-white last:mb-0`,children:[(0,p.jsxs)(v.Button,{className:`flex w-full items-center justify-between gap-3 px-3 py-3 text-left hover:bg-slate-50`,"aria-expanded":i,onPress:()=>a(e=>!e),children:[(0,p.jsxs)(`span`,{className:`min-w-0`,children:[(0,p.jsx)(`span`,{className:`block text-sm font-semibold`,children:e}),t?(0,p.jsx)(`span`,{className:`mt-1 block text-xs text-slate-500`,children:t}):null]}),(0,p.jsx)(Kr,{className:`shrink-0 text-base text-slate-500`,rotate:i?0:-90,"aria-hidden":!0})]}),i&&n?(0,p.jsx)(`div`,{className:`space-y-3 border-t border-slate-200 px-3 py-3`,children:n}):null]}):(0,p.jsxs)(`section`,{className:`mb-5 border-b border-slate-200 pb-5 last:mb-0 last:border-b-0`,children:[(0,p.jsxs)(`div`,{className:`mb-3`,children:[(0,p.jsx)(`h3`,{className:`text-sm font-semibold`,children:e}),t?(0,p.jsx)(`p`,{className:`mt-1 text-xs text-slate-500`,children:t}):null]}),n?(0,p.jsx)(`div`,{className:`space-y-3`,children:n}):null]})}function ei({label:e,value:t,onChange:n,options:r}){return(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`div`,{className:`mb-2 text-xs font-medium text-slate-500`,children:e}),(0,p.jsx)(`div`,{className:`flex flex-wrap gap-1 rounded-md border border-slate-200 bg-slate-100 p-1`,children:r.map(e=>{let r=e.value===t;return(0,p.jsx)(v.Button,{className:[`rounded px-2 py-1.5 text-sm transition-colors`,r?`bg-white font-semibold text-slate-950 shadow-sm`:`text-slate-600 hover:bg-white/70 hover:text-slate-900`].join(` `),"aria-pressed":r,onPress:()=>n(e.value),children:e.label},e.value)})})]})}function X({label:e,checked:t,disabled:n=!1,onChange:r}){return(0,p.jsxs)(`label`,{className:`flex items-center gap-3 text-sm ${n?`opacity-50`:``}`,children:[(0,p.jsx)(`input`,{type:`checkbox`,checked:t,disabled:n,onChange:e=>r(e.target.checked)}),(0,p.jsx)(`span`,{children:e})]})}function Z({label:e,value:t,onChange:n}){return(0,p.jsxs)(`div`,{className:`items-center`,style:{display:`grid`,gap:`0.5rem`,gridTemplateColumns:`minmax(0, 1fr) 3rem 100px`},children:[(0,p.jsx)(`label`,{className:`min-w-0 truncate whitespace-nowrap text-sm`,children:e}),(0,p.jsx)(`input`,{"aria-label":`${e} colour picker`,className:`h-9 w-12 shrink-0 cursor-pointer rounded border border-slate-300 bg-white p-1`,type:`color`,value:ri(t),onChange:e=>n(e.target.value)}),(0,p.jsx)(`div`,{className:`min-w-0`,children:(0,p.jsx)(u.Input,{"aria-label":`${e} colour value`,style:{width:`100%`},value:t,onChange:e=>n(e.target.value)})})]})}function ti({label:e,value:t,onChange:n}){return(0,p.jsxs)(u.InputContainer,{$wide:!0,children:[(0,p.jsx)(u.InputLabel,{children:e}),(0,p.jsx)(u.Input,{"aria-label":e,value:t,onChange:e=>n(e.target.value)})]})}function ni({label:e,value:t,disabled:n=!1,onChange:r,options:i}){return(0,p.jsxs)(u.InputContainer,{$wide:!0,children:[(0,p.jsx)(u.InputLabel,{children:e}),(0,p.jsx)(`select`,{"aria-label":e,className:`w-full rounded border border-slate-300 bg-slate-50 px-3 py-2 text-sm disabled:cursor-not-allowed disabled:opacity-50`,value:t,disabled:n,onChange:e=>r(e.target.value),children:i.map(e=>(0,p.jsx)(`option`,{value:e.value,children:e.label},e.value))})]})}function ri(e){let t=e.trim();if(/^#[0-9a-fA-F]{6}$/.test(t))return t;if(/^#[0-9a-fA-F]{3}$/.test(t)){let[e,n,r]=t.slice(1);return`#${e}${e}${n}${n}${r}${r}`}return`#ffffff`}function ii(e){return JSON.parse(JSON.stringify(e))}function ai(e,t,n){let r=ii(e),i=r;for(let e of t.slice(0,-1)){var a;(a=i)[e]||(a[e]={}),i=i[e]}let o=t[t.length-1];return o&&(i[o]=n),r}function oi(e,t){let n=ii(e);for(let e of t){let t=n;for(let n of e.path.slice(0,-1)){var r;(r=t)[n]||(r[n]={}),t=t[n]}let i=e.path[e.path.length-1];i&&(t[i]=e.value)}return n}function si(){let e=(0,d.useManifest)(),t=(0,d.useVault)(),n=rt(),[r,i]=(0,m.useState)(`simple`),a=n===`scroll`?`scroll`:n===`slideshow`?`slideshow`:`presentation`,o=e?.service||[],s=e?.services||[],c=(0,m.useMemo)(()=>{let e=ge(o);if(e)return{service:e.service};let t=ge(s);return t?{service:t.service}:null},[o,s]),l=(0,m.useMemo)(()=>c?pe(c.service.theme):null,[c])||fe(`delft`);if(!e)return null;let u=n=>{let r=n?he(e.id,n):null,i=ve(o,r),a=ve(s,null),c={id:e.id,type:`Manifest`};t.batch(t=>{t.modifyEntityField(c,`service`,i),(e.services||a.length!==s.length)&&t.modifyEntityField(c,`services`,a)})},f=(e,t)=>{u(ai(l,e,t))},h=e=>{u(oi(l,e))},g=e=>{let t=[{path:[`delft`,`tokens`,`backgroundPrimary`],value:e},{path:[`delft`,`tokens`,`backgroundSecondary`],value:e},{path:[`delft`,`tokens`,`backgroundOverlay`],value:e},{path:[`delft`,`tokens`,`controlBar`],value:e},{path:[`delft`,`tokens`,`controlBarBorder`],value:e},{path:[`delft`,`tokens`,`closeBackground`],value:e},{path:[`delft`,`tokens`,`closeBackgroundHover`],value:e},{path:[`delft`,`tokens`,`infoBlock`],value:e},{path:[`delft`,`tokens`,`viewerBackground`],value:e}],n=a===`presentation`?[{path:[`delft`,`tokens`,`titleCard`],value:e}]:[];if(a===`scroll`){h([...t,{path:[`scroll`,`tokens`,`titleBackground`],value:e},{path:[`scroll`,`tokens`,`annotationBackground`],value:e},{path:[`scroll`,`tokens`,`infoBlockBackground`],value:e}]);return}h([...t,...n])},_=e=>{let t=[{path:[`delft`,`tokens`,`textPrimary`],value:e},{path:[`delft`,`tokens`,`textSecondary`],value:e},{path:[`delft`,`tokens`,`imageCaption`],value:e},{path:[`delft`,`tokens`,`closeText`],value:e},{path:[`delft`,`tokens`,`infoBlockText`],value:e}],n=a===`presentation`?[{path:[`delft`,`tokens`,`titleCardText`],value:e}]:[];if(a===`scroll`){h([...t,{path:[`scroll`,`tokens`,`titleColor`],value:e},{path:[`scroll`,`tokens`,`annotationColor`],value:e},{path:[`scroll`,`tokens`,`infoBlockColor`],value:e}]);return}h([...t,...n])},y=e=>{if(a===`scroll`){f([`scroll`,`options`,`showTableOfContents`],e);return}f([`delft`,`exhibition`,`hideTableOfContents`],!e)},b=e=>{if(a===`scroll`){f([`scroll`,`options`,`tableOfContentsPlacement`],e);return}f([`delft`,`exhibition`,`tableOfContentsPlacement`],e)},x=e=>{f(a===`slideshow`?[`delft`,`slideshow`,`alternativeImageMode`]:[`delft`,`exhibition`,`alternativeImageMode`],e===`alternative`)},S=e=>{f(a===`slideshow`?[`delft`,`slideshow`,`coverImages`]:[`delft`,`exhibition`,`coverImages`],e)},C=a===`scroll`?l.scroll.options.showTableOfContents:!l.delft.exhibition.hideTableOfContents,w=a===`scroll`?l.scroll.options.tableOfContentsPlacement:l.delft.exhibition.tableOfContentsPlacement,T=(a===`slideshow`?l.delft.slideshow.alternativeImageMode:l.delft.exhibition.alternativeImageMode)?`alternative`:`default`,E=a===`slideshow`?l.delft.slideshow.coverImages:l.delft.exhibition.coverImages,D=a===`scroll`?l.scroll.options.showProgressBar:l.delft.exhibition.showProgressBar;return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(Y,{title:`Saved Theme`,description:`Save custom exhibition styling and viewer defaults on the Manifest.`,children:[(0,p.jsx)(X,{label:`Save custom theme`,checked:!!c,onChange:e=>{if(!e){u(null);return}u(fe(`delft`))}}),(0,p.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,p.jsx)(v.Button,{className:`rounded border border-slate-300 px-3 py-2 text-sm hover:bg-slate-50 disabled:cursor-not-allowed disabled:opacity-50`,onPress:()=>{u(fe(l.preset))},isDisabled:!c,children:`Reset selected theme`}),(0,p.jsx)(v.Button,{className:`rounded border border-slate-300 px-3 py-2 text-sm hover:bg-slate-50 disabled:cursor-not-allowed disabled:opacity-50`,onPress:()=>u(null),isDisabled:!c,children:`Clear saved settings`})]}),(0,p.jsx)(ei,{label:`Preset`,value:l.preset,onChange:e=>{u(fe(e))},options:[{label:`Delft`,value:`delft`},{label:`Gallery`,value:`gallery`},{label:`Minimal`,value:`minimal`}]})]}),(0,p.jsx)(Y,{title:`Theme Options`,description:`Choose a shorter or more detailed set of theme controls.`,children:(0,p.jsx)(ei,{label:`Editing mode`,value:r,onChange:i,options:[{label:`Simple`,value:`simple`},{label:`Advanced`,value:`advanced`}]})}),r===`simple`?(0,p.jsxs)(Y,{title:`Key Settings`,description:a===`scroll`?`Main background updates the opening title, annotation cards, info blocks, and viewer background.`:`The main controls most people need for this theme.`,children:[(0,p.jsx)(Z,{label:`Main background`,value:a===`scroll`?l.scroll.tokens.titleBackground:l.delft.tokens.viewerBackground,onChange:g}),(0,p.jsx)(Z,{label:`Text colour`,value:a===`scroll`?l.scroll.tokens.titleColor:l.delft.tokens.textSecondary,onChange:_}),(0,p.jsx)(ti,{label:`Heading font`,value:l.shared.fontSans,onChange:e=>f([`shared`,`fontSans`],e)}),(0,p.jsx)(ti,{label:`Body font`,value:l.shared.fontMono,onChange:e=>f([`shared`,`fontMono`],e)}),a===`scroll`?null:(0,p.jsx)(ni,{label:`Title capitalisation`,value:l.shared.titleTransform,onChange:e=>f([`shared`,`titleTransform`],e),options:[{label:`Uppercase`,value:`uppercase`},{label:`None`,value:`none`},{label:`Capitalize`,value:`capitalize`}]}),a===`presentation`?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(X,{label:`Table of Contents bar`,checked:C,onChange:y}),(0,p.jsx)(X,{label:`Full-width title bar`,checked:l.delft.exhibition.fullTitleBar,onChange:e=>f([`delft`,`exhibition`,`fullTitleBar`],e)}),(0,p.jsx)(ni,{label:`Image layout`,value:T,onChange:x,options:[{label:`Standard`,value:`default`},{label:`Feature image`,value:`alternative`}]}),(0,p.jsx)(X,{label:`Fill image area`,checked:E,onChange:S})]}):null,a===`slideshow`?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(ni,{label:`Image layout`,value:T,onChange:x,options:[{label:`Standard`,value:`default`},{label:`Feature image`,value:`alternative`}]}),(0,p.jsx)(X,{label:`Fill image area`,checked:E,onChange:S}),(0,p.jsx)(X,{label:`Zoom effect`,checked:l.delft.slideshow.transitionScale,onChange:e=>f([`delft`,`slideshow`,`transitionScale`],e)})]}):null,a===`scroll`?(0,p.jsx)(p.Fragment,{children:(0,p.jsx)(X,{label:`Full-height title`,checked:l.scroll.options.titleBlock.fullHeight,onChange:e=>f([`scroll`,`options`,`titleBlock`,`fullHeight`],e)})}):null]}):(0,p.jsxs)(p.Fragment,{children:[a===`presentation`?(0,p.jsxs)(Y,{title:`Opening Title`,collapsible:!0,children:[(0,p.jsx)(Z,{label:`Card background`,value:l.delft.tokens.titleCard,onChange:e=>f([`delft`,`tokens`,`titleCard`],e)}),(0,p.jsx)(Z,{label:`Card text`,value:l.delft.tokens.titleCardText,onChange:e=>f([`delft`,`tokens`,`titleCardText`],e)}),(0,p.jsx)(X,{label:`Hide title`,checked:l.delft.exhibition.hideTitle,onChange:e=>f([`delft`,`exhibition`,`hideTitle`],e)}),(0,p.jsx)(X,{label:`Hide title card`,checked:l.delft.exhibition.hideTitleCard,onChange:e=>f([`delft`,`exhibition`,`hideTitleCard`],e)})]}):null,a===`scroll`?(0,p.jsxs)(Y,{title:`Opening Title`,collapsible:!0,children:[(0,p.jsx)(X,{label:`Show opening title`,checked:l.scroll.options.showTitleBlock,onChange:e=>f([`scroll`,`options`,`showTitleBlock`],e)}),(0,p.jsx)(X,{label:`Show table of contents`,checked:C,onChange:y}),(0,p.jsx)(Z,{label:`Background`,value:l.scroll.tokens.titleBackground,onChange:e=>f([`scroll`,`tokens`,`titleBackground`],e)}),(0,p.jsx)(Z,{label:`Text`,value:l.scroll.tokens.titleColor,onChange:e=>f([`scroll`,`tokens`,`titleColor`],e)}),(0,p.jsx)(X,{label:`Full-height title`,checked:l.scroll.options.titleBlock.fullHeight,onChange:e=>f([`scroll`,`options`,`titleBlock`,`fullHeight`],e)})]}):null,(0,p.jsxs)(Y,{title:`Page & Viewer`,description:a===`scroll`?`Shared backgrounds around the Scroll view. Opening title, annotation, and info block colours are controlled below.`:void 0,collapsible:!0,children:[(0,p.jsx)(Z,{label:`Viewer background`,value:l.delft.tokens.viewerBackground,onChange:e=>f([`delft`,`tokens`,`viewerBackground`],e)}),(0,p.jsx)(Z,{label:`Main`,value:l.delft.tokens.backgroundPrimary,onChange:e=>f([`delft`,`tokens`,`backgroundPrimary`],e)}),(0,p.jsx)(Z,{label:`Secondary`,value:l.delft.tokens.backgroundSecondary,onChange:e=>f([`delft`,`tokens`,`backgroundSecondary`],e)}),(0,p.jsx)(Z,{label:`Overlay`,value:l.delft.tokens.backgroundOverlay,onChange:e=>f([`delft`,`tokens`,`backgroundOverlay`],e)}),a===`scroll`?(0,p.jsx)(X,{label:`Use theme background instead of canvas colours`,checked:l.scroll.options.ignoreCanvasBackgrounds,onChange:e=>f([`scroll`,`options`,`ignoreCanvasBackgrounds`],e)}):null]}),a===`scroll`?null:(0,p.jsxs)(Y,{title:`Text Colours`,description:`General fallback text colours. Captions, info blocks, and controls have their own options below.`,collapsible:!0,children:[(0,p.jsx)(Z,{label:`Dark text`,value:l.delft.tokens.textPrimary,onChange:e=>f([`delft`,`tokens`,`textPrimary`],e)}),(0,p.jsx)(Z,{label:`Light text`,value:l.delft.tokens.textSecondary,onChange:e=>f([`delft`,`tokens`,`textSecondary`],e)})]}),(0,p.jsx)(Y,{title:`Info Blocks`,collapsible:!0,children:a===`scroll`?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(Z,{label:`Background`,value:l.scroll.tokens.infoBlockBackground,onChange:e=>f([`scroll`,`tokens`,`infoBlockBackground`],e)}),(0,p.jsx)(Z,{label:`Text`,value:l.scroll.tokens.infoBlockColor,onChange:e=>f([`scroll`,`tokens`,`infoBlockColor`],e)})]}):(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(Z,{label:`Background`,value:l.delft.tokens.infoBlock,onChange:e=>f([`delft`,`tokens`,`infoBlock`],e)}),(0,p.jsx)(Z,{label:`Text`,value:l.delft.tokens.infoBlockText,onChange:e=>f([`delft`,`tokens`,`infoBlockText`],e)})]})}),(0,p.jsxs)(Y,{title:`Images & Annotations`,collapsible:!0,children:[a===`scroll`?null:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(Z,{label:`Image caption`,value:l.delft.tokens.imageCaption,onChange:e=>f([`delft`,`tokens`,`imageCaption`],e)}),(0,p.jsx)(Z,{label:`Selected hotspot`,value:l.delft.tokens.annotationSelected,onChange:e=>f([`delft`,`tokens`,`annotationSelected`],e)}),(0,p.jsx)(ni,{label:`Image layout`,value:T,onChange:x,options:[{label:`Standard`,value:`default`},{label:`Feature image`,value:`alternative`}]}),(0,p.jsx)(X,{label:`Info button`,checked:a===`slideshow`?l.delft.slideshow.imageInfoIcon:l.delft.exhibition.imageInfoIcon,onChange:e=>f(a===`slideshow`?[`delft`,`slideshow`,`imageInfoIcon`]:[`delft`,`exhibition`,`imageInfoIcon`],e)}),(0,p.jsx)(X,{label:`Fill image area`,checked:E,onChange:S}),(0,p.jsx)(X,{label:`Use theme background instead of canvas colours`,checked:a===`slideshow`?l.delft.slideshow.ignoreCanvasBackgrounds:l.delft.exhibition.ignoreCanvasBackgrounds,onChange:e=>f(a===`slideshow`?[`delft`,`slideshow`,`ignoreCanvasBackgrounds`]:[`delft`,`exhibition`,`ignoreCanvasBackgrounds`],e)})]}),a===`scroll`?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(Z,{label:`Annotation background`,value:l.scroll.tokens.annotationBackground,onChange:e=>f([`scroll`,`tokens`,`annotationBackground`],e)}),(0,p.jsx)(Z,{label:`Annotation text`,value:l.scroll.tokens.annotationColor,onChange:e=>f([`scroll`,`tokens`,`annotationColor`],e)}),(0,p.jsx)(ti,{label:`Corner radius`,value:l.scroll.tokens.annotationRadius,onChange:e=>f([`scroll`,`tokens`,`annotationRadius`],e)}),(0,p.jsx)(ti,{label:`Max width`,value:l.scroll.tokens.annotationMaxWidth,onChange:e=>f([`scroll`,`tokens`,`annotationMaxWidth`],e)})]}):null]}),(0,p.jsxs)(Y,{title:`Navigation & Controls`,description:a===`scroll`?`Scroll contents navigation, placement, dropdown text, and progress colours.`:a===`slideshow`?`Slideshow controls, progress, and overlay buttons. Contents controls only apply to Full page and Scroll.`:`Contents, viewer controls, progress, and overlay buttons.`,collapsible:!0,children:[a===`presentation`||a===`scroll`?(0,p.jsx)(X,{label:`Progress bar`,checked:D,onChange:e=>f(a===`scroll`?[`scroll`,`options`,`showProgressBar`]:[`delft`,`exhibition`,`showProgressBar`],e)}):null,a===`presentation`||a===`scroll`?(0,p.jsx)(X,{label:`Previous/next side controls`,checked:a===`scroll`?l.scroll.options.showNavigationControls:l.delft.exhibition.showNavigationControls,onChange:e=>f(a===`scroll`?[`scroll`,`options`,`showNavigationControls`]:[`delft`,`exhibition`,`showNavigationControls`],e)}):null,a===`presentation`?(0,p.jsx)(X,{label:`Table of Contents bar`,checked:C,onChange:y}):null,a===`presentation`||a===`scroll`?(0,p.jsx)(ni,{label:`Contents position`,value:w,disabled:!C,onChange:b,options:[{label:`Header`,value:`header`},{label:`Footer`,value:`footer`}]}):null,a===`scroll`?(0,p.jsx)(X,{label:`Back to top button`,checked:l.scroll.options.showScrollToTop,onChange:e=>f([`scroll`,`options`,`showScrollToTop`],e)}):null,(0,p.jsx)(Z,{label:`Navigation bar background`,value:l.delft.tokens.controlBar,onChange:e=>h([{path:[`delft`,`tokens`,`controlBar`],value:e},{path:[`delft`,`tokens`,`controlBarBorder`],value:e}])}),(0,p.jsx)(Z,{label:`Navigation text colour`,value:l.delft.tokens.closeText,onChange:e=>f([`delft`,`tokens`,`closeText`],e)}),(0,p.jsx)(Z,{label:`Progress bar colour`,value:l.delft.tokens.progressBar,onChange:e=>f([`delft`,`tokens`,`progressBar`],e)}),a===`scroll`?(0,p.jsx)(Z,{label:`Back to top button background`,value:l.delft.tokens.closeBackground,onChange:e=>f([`delft`,`tokens`,`closeBackground`],e)}):(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(Z,{label:`Close button background`,value:l.delft.tokens.closeBackground,onChange:e=>f([`delft`,`tokens`,`closeBackground`],e)}),(0,p.jsx)(Z,{label:`Close button hover`,value:l.delft.tokens.closeBackgroundHover,onChange:e=>f([`delft`,`tokens`,`closeBackgroundHover`],e)})]})]}),a===`presentation`?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(Y,{title:`Display & Layout`,collapsible:!0,children:[(0,p.jsx)(X,{label:`Angled corners`,checked:l.delft.exhibition.cutCorners,onChange:e=>f([`delft`,`exhibition`,`cutCorners`],e)}),(0,p.jsx)(X,{label:`Full-width title bar`,checked:l.delft.exhibition.fullTitleBar,onChange:e=>f([`delft`,`exhibition`,`fullTitleBar`],e)}),(0,p.jsx)(X,{label:`Full-width item grid`,checked:l.delft.exhibition.fullWidthGrid,onChange:e=>f([`delft`,`exhibition`,`fullWidthGrid`],e)}),(0,p.jsx)(X,{label:`Use theme background instead of canvas colours`,checked:l.delft.exhibition.ignoreCanvasBackgrounds,onChange:e=>f([`delft`,`exhibition`,`ignoreCanvasBackgrounds`],e)})]}),(0,p.jsxs)(Y,{title:`Interaction Behaviour`,collapsible:!0,children:[(0,p.jsx)(ni,{label:`Presentation mode`,value:l.delft.exhibition.disablePresentation?`disabled`:`available`,onChange:e=>f([`delft`,`exhibition`,`disablePresentation`],e===`disabled`),options:[{label:`Available`,value:`available`},{label:`Disabled`,value:`disabled`}]}),(0,p.jsx)(X,{label:`Zoom effect`,checked:l.delft.exhibition.transitionScale,onChange:e=>f([`delft`,`exhibition`,`transitionScale`],e)}),(0,p.jsx)(X,{label:`Floating panels`,checked:l.delft.presentation.isFloating,onChange:e=>f([`delft`,`presentation`,`isFloating`],e)}),l.delft.presentation.isFloating?(0,p.jsx)(X,{label:`Label-only floating`,checked:l.delft.presentation.labelOnlyFloating,onChange:e=>f([`delft`,`presentation`,`labelOnlyFloating`],e)}):null,l.delft.presentation.isFloating?(0,p.jsx)(ni,{label:`Panel position`,value:l.delft.presentation.floatingPosition,onChange:e=>f([`delft`,`presentation`,`floatingPosition`],e),options:[{label:`Top left`,value:`top-left`},{label:`Top right`,value:`top-right`},{label:`Bottom left`,value:`bottom-left`},{label:`Bottom right`,value:`bottom-right`},{label:`Top`,value:`top`},{label:`Bottom`,value:`bottom`},{label:`Left`,value:`left`},{label:`Right`,value:`right`}]}):null,(0,p.jsx)(X,{label:`Angled panel corners`,checked:l.delft.presentation.cutCorners,onChange:e=>f([`delft`,`presentation`,`cutCorners`],e)}),(0,p.jsx)(X,{label:`Use theme background instead of canvas colours`,checked:l.delft.presentation.ignoreCanvasBackgrounds,onChange:e=>f([`delft`,`presentation`,`ignoreCanvasBackgrounds`],e)})]})]}):null,a===`slideshow`?(0,p.jsx)(Y,{title:`Interaction Behaviour`,collapsible:!0,children:(0,p.jsx)(X,{label:`Zoom effect`,checked:l.delft.slideshow.transitionScale,onChange:e=>f([`delft`,`slideshow`,`transitionScale`],e)})}):null]})]})}function ci(e){return e===`left-panel-manifest`||e===Fr.id}const li={id:`exhibition-background-task`,label:`Query string`,render:()=>(0,p.jsx)(ui,{})};function ui(){let e=(0,d.useManifest)(),{leftPanel:t,rightPanel:n}=(0,l.useLayoutState)(),{edit:r,centerPanel:i,rightPanel:a}=(0,l.useLayoutActions)(),[o,s]=(0,m.useState)(!1),c=(0,m.useRef)(null),u=(0,m.useRef)(null);return(0,m.useEffect)(()=>{let l=e?.id||null,d=c.current!==t.current,f=u.current!==l,p=c.current;if(c.current=t.current,u.current=l,!(!e||!d&&!f)){if(t.current===Wr.id){r(e),i.open({id:be.id}),s(!1);return}if(t.current===Xr.id){r(e),n.open?(a.close(),s(!0)):s(!1),i.open({id:at.id});return}!n.open&&n.current&&ci(t.current)&&(p===null||p===Xr.id&&o)&&(a.open(),s(!1))}},[i,r,t.current,e?.id,n.current,n.open,a,o]),null}const di={id:`image-block-editor`,label:`Image Block Editor`,component:e=>(0,p.jsx)(fi,{strategy:e}),supports:{strategy:(e,t,n)=>{if(e.type!==`images`)return!1;let r=n.get(t.resource);if(r.type!==`Canvas`)return!1;let i=r.behavior||[],a=!1;for(let e of i)(e.startsWith(`w-`)||e.startsWith(`h-`)||e===`image`)&&(a=!0);return a}}};function fi({strategy:e}){let[t,n]=(0,l.useLocalStorage)(`exhibition-preview-mode`),r=U(e=>e.centerPanelMode),i=U(e=>e.setCenterPanelMode),a=rt(),o=(0,u.useInStack)(`Canvas`);return(0,m.useEffect)(()=>{r===`edit`&&t?n(!1):r===`preview`&&!t&&n(!0)},[r,t,n]),o?(0,p.jsx)(d.CanvasContext,{canvas:o.resource.source?.id,children:(0,p.jsx)(pi,{isPreview:!!t,previewPreset:a,onModeChange:e=>{i(e?`preview`:`edit`),n(e)}})}):null}function pi({isPreview:e,previewPreset:t,onModeChange:n}){let r=(0,d.useCanvas)();return(0,p.jsxs)(`div`,{className:`relative z-0 flex h-full min-h-0 w-full min-w-0 max-w-full flex-col overflow-hidden bg-white`,children:[(0,p.jsxs)(`div`,{className:`exhibition-slideshow-current-toolbar flex items-center gap-3 border-b border-slate-200 bg-white px-4 py-3 shadow-sm`,children:[(0,p.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,p.jsx)(d.LocaleString,{className:`block truncate text-sm font-semibold text-slate-800`,children:r?.label})}),(0,p.jsx)(`div`,{className:`flex items-center gap-2`,children:(0,p.jsxs)(`div`,{className:`flex shrink-0 overflow-hidden rounded-md border border-slate-200 bg-slate-50 text-xs font-semibold`,children:[(0,p.jsx)(mi,{selected:!e,onPress:()=>n(!1),children:`Edit`}),(0,p.jsx)(mi,{selected:e,onPress:()=>n(!0),children:`Preview`})]})})]}),e?(0,p.jsx)(`div`,{className:`min-h-0 flex-1`,children:(0,p.jsx)($e,{preset:t})}):(0,p.jsx)(`div`,{className:`flex min-h-0 flex-1`,children:(0,p.jsx)(u.CanvasPanelEditor,{asFallback:!0})})]})}function mi({children:e,selected:t,onPress:n}){return(0,p.jsx)(v.Button,{className:(0,y.twMerge)(`px-3 py-2 text-xs font-semibold transition`,t?`bg-me-primary-500 text-white shadow-sm`:`text-slate-500 hover:text-slate-700`),onPress:n,children:e})}const hi={id:`info-block-editor`,label:`info Block Editor`,component:e=>(0,p.jsx)(yi,{strategy:e}),supports:{strategy:(e,t,n)=>e.type===`textual-content`}};function gi(e){if(e===`@none`||e===`none`)return null;try{let t=new Intl.DisplayNames([e],{type:`language`});return e===`cy`?{key:e,language:e,label:`Cymraeg`}:{key:e,language:e,label:t.of(e)}}catch{return{key:e,language:e,label:e}}}function _i({selectedLanguage:e,languages:t,availableLanguages:n,onSelectLanguage:r,onAddLanguage:i}){let[a,o]=(0,m.useState)(!1),s=(0,m.useRef)(null);(0,m.useEffect)(()=>{if(!a)return;let e=e=>{s.current&&!s.current.contains(e.target)&&o(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[a]);let c=n.filter(e=>!t.includes(e)),l=gi(e);return(0,p.jsxs)(`div`,{ref:s,className:`relative`,children:[(0,p.jsxs)(`button`,{type:`button`,className:`flex items-center gap-1 rounded-md border border-slate-200 bg-white px-3 py-2 text-xs font-semibold text-slate-700 shadow-sm transition hover:bg-slate-50`,onClick:()=>o(e=>!e),children:[(0,p.jsx)(`span`,{className:``,children:l?.label||e}),(0,p.jsx)(`svg`,{className:`h-3 w-3 text-slate-400`,viewBox:`0 0 12 12`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:(0,p.jsx)(`path`,{d:`M2 4l4 4 4-4`})})]}),a&&(0,p.jsxs)(`div`,{className:`absolute right-0 top-full z-50 mt-1 min-w-[14rem] rounded-md border border-slate-200 bg-white py-1 shadow-lg`,children:[t.length>0&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`div`,{className:`px-3 py-1 text-[10px] font-semibold uppercase tracking-wider text-slate-400`,children:`Language`}),t.map(t=>{let n=gi(t);return(0,p.jsxs)(`button`,{type:`button`,className:(0,y.twMerge)(`flex w-full items-center gap-2 px-3 py-1.5 text-xs hover:bg-slate-50`,t===e?`font-semibold text-slate-900`:`text-slate-600`),onClick:()=>{r(t),o(!1)},children:[t===e?(0,p.jsx)(`svg`,{className:`h-3 w-3 shrink-0 text-slate-500`,viewBox:`0 0 12 12`,fill:`currentColor`,children:(0,p.jsx)(`path`,{d:`M2 6l3 3 5-5`,stroke:`currentColor`,strokeWidth:2,fill:`none`})}):(0,p.jsx)(`div`,{className:`h-3 w-3 shrink-0 text-slate-500`}),(0,p.jsx)(`span`,{children:n?.label||t})]},t)})]}),c.length>0&&(0,p.jsxs)(p.Fragment,{children:[t.length>0&&(0,p.jsx)(`div`,{className:`my-1 border-t border-slate-100`}),(0,p.jsx)(`div`,{className:`px-3 py-1 text-[10px] font-semibold uppercase tracking-wider text-slate-400`,children:`Add language`}),c.map(e=>{let t=gi(e);return(0,p.jsxs)(`button`,{type:`button`,className:`flex w-full items-center gap-2 px-3 py-1.5 text-xs text-slate-600 hover:bg-slate-50`,onClick:()=>{i(e),o(!1)},children:[(0,p.jsx)(`svg`,{className:`h-3 w-3 shrink-0 text-slate-400`,viewBox:`0 0 12 12`,fill:`none`,stroke:`currentColor`,strokeWidth:2,children:(0,p.jsx)(`path`,{d:`M6 2v8M2 6h8`})}),t?.label||e]},e)})]}),c.length===0&&t.length===0&&(0,p.jsx)(`div`,{className:`px-3 py-2 text-xs text-slate-400`,children:`No languages available`})]})]})}function vi(e,t){if(!e)return[];let n=e.items||[],r=new Set;for(let e of n){let n=Q(e,t);if(!n)continue;let i=Ai(n.body);for(let e of i){let n=Q(e,t);n?.language&&r.add(n.language)}}return Array.from(r)}function yi({strategy:e}){let t=(0,d.useCanvas)(),n=t?.behavior||[],r=dt(n),i=!!(r.h&&r.w),{isBottom:a,isLeft:o,isRight:s}=pt(n),c=i&&r.w<=6,u=(0,d.useVaultSelector)((e,n)=>t?.items[0]?n.get(t.items[0]):null),f=(0,d.useVaultSelector)((e,n)=>t?.annotations[0]?n.get(t?.annotations[0]):null),{i18n:{availableLanguages:h,defaultLanguage:g}}=(0,l.useConfig)(),[_,v]=(0,l.useLocalStorage)(`exhibition-info-block-mode`,`edit`),b=rt(),x=b===`exhibition`,S=x,C=x?`Read more text in modal`:`Summary`,w=(0,d.useVaultSelector)((e,t)=>{let n=vi(u,t),r=vi(f,t),i=new Set([...n,...r]);return i.size===0&&i.add(g||`en`),Array.from(i)},[u?.id,f?.id,g]),[T,E]=(0,m.useState)(),D=T||(w.includes(g)?g:w[0]||g||`en`),O=e=>{E(e)},k=c?`30rem`:void 0;return(0,p.jsxs)(`div`,{className:`relative z-0 flex h-full min-h-0 w-full min-w-0 max-w-full flex-col overflow-hidden bg-white`,children:[(0,p.jsxs)(`div`,{className:`exhibition-slideshow-current-toolbar relative z-[70] flex items-center gap-3 border-b border-slate-200 bg-white px-4 py-3 shadow-sm`,children:[(0,p.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,p.jsx)(d.LocaleString,{className:`block truncate text-sm font-semibold text-slate-800`,children:t?.label})}),(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[_===`edit`&&(0,p.jsx)(_i,{selectedLanguage:D,languages:w,availableLanguages:h,onSelectLanguage:E,onAddLanguage:O}),(0,p.jsxs)(`div`,{className:`flex shrink-0 overflow-hidden rounded-md border border-slate-200 bg-slate-50 text-xs font-semibold`,children:[(0,p.jsx)(bi,{selected:_===`edit`,onPress:()=>v(`edit`),children:`Edit`}),(0,p.jsx)(bi,{selected:_===`preview`,onPress:()=>v(`preview`),children:`Preview`})]})]})]}),_===`preview`?(0,p.jsx)(`div`,{className:`min-h-0 flex-1`,children:(0,p.jsx)($e,{preset:b})}):(0,p.jsxs)(`div`,{className:`min-h-0 flex-1 overflow-x-hidden overflow-y-auto`,children:[S?(0,p.jsx)(xi,{annotationPage:u,compact:c,editorMaxWidth:k,fallbackText:e.items[0]?.text,heading:`Short text in info box`,panelClassName:(0,y.twMerge)(`border-b border-gray-100`,c?`p-3`:`p-5`,i&&(o||s)?`max-w-xl`:``,i&&a?`max-w-4xl`:``),parentProperty:`items`,selectedLanguage:D,onLanguageAdded:O}):null,(0,p.jsx)(xi,{annotationPage:f,compact:c,heading:C,panelClassName:(0,y.twMerge)(c?`p-3`:`p-5`),parentProperty:`annotations`,selectedLanguage:D,onLanguageAdded:O})]})]})}function bi({children:e,selected:t,onPress:n}){return(0,p.jsx)(v.Button,{className:(0,y.twMerge)(`px-3 py-2 text-xs font-semibold transition`,t?`bg-white text-slate-900 shadow-sm`:`text-slate-500 hover:text-slate-700`),onPress:n,children:e})}function xi({annotationPage:e,compact:t,editorMaxWidth:n,fallbackText:r,heading:i,panelClassName:a,parentProperty:o,selectedLanguage:s,onLanguageAdded:c}){let u=(0,d.useCanvas)(),f=(0,l.useInlineCreator)(),m=(0,d.useVault)(),{i18n:{defaultLanguage:g}}=(0,l.useConfig)(),_=e||null,v=_?.items||[],b=wi(v,m),x=()=>{u&&f.create(`@manifest-editor/empty-annotation-page`,{label:{en:[i]}},{target:{id:u.id,type:`Canvas`},targetType:`AnnotationPage`,parent:{property:o,resource:{id:u.id,type:`Canvas`}}})},S=()=>{if(u){if(!_){x();return}f.create(`@manifest-editor/html-annotation`,{label:{en:[i]},body:{[s||g||`en`]:[``]},motivation:o===`annotations`?`tagging`:`painting`},{target:{id:u.id,type:`Canvas`},targetType:`Annotation`,parent:{property:`items`,resource:{id:_.id,type:`AnnotationPage`}},initialData:{}})}},C=()=>{if(!_){S(),c(s);return}let e=!1;for(let t of v){let n=Q(t,m);if(!n)continue;let r=Ai(n.body);if(r.some(e=>Q(e,m)?.language===s))continue;let i=r[0],a=i?Q(i,m):null,o=`${n.id}-body-${s}-${Date.now()}`;m.batch(()=>{m.dispatch((0,D.importEntities)({entities:{ContentResource:{[o]:{id:o,type:a?.type||`TextualBody`,language:s,value:``,format:a?.format||`text/html`}}}})),m.dispatch((0,D.addMappings)({mapping:{[o]:`ContentResource`}})),m.modifyEntityField({id:n.id,type:`Annotation`},`body`,[...r,{id:o,type:`ContentResource`}])}),e=!0}e||S(),c(s)},w=(0,d.useVaultSelector)((e,t)=>{if(!_)return!1;for(let e of v){let n=Q(e,t);if(!n)continue;let r=Ai(n.body);for(let e of r)if(Q(e,t)?.language===s)return!0}return!1},[_?.id,v,s]);return(0,p.jsxs)(`section`,{className:(0,y.twMerge)(`min-w-0 max-w-full`,a),children:[(0,p.jsxs)(`div`,{className:(0,y.twMerge)(`flex items-center justify-between gap-3`,b.length?`mb-3`:`mb-0`),children:[(0,p.jsx)(`h2`,{className:(0,y.twMerge)(`font-semibold tracking-tight text-gray-700`,t?`text-xs uppercase`:`text-sm uppercase tracking-wide`),children:i}),!w&&(0,p.jsx)(h.ActionButton,{primary:!0,onPress:C,children:_?`Add text`:`Add`})]}),!_&&r?(0,p.jsx)(`div`,{className:`mt-2 text-sm text-gray-600`,children:(0,p.jsx)(d.LocaleString,{enableDangerouslySetInnerHTML:!0,children:r})}):null,b.length?(0,p.jsx)(`div`,{className:`min-w-0 max-w-full`,children:b.map(({item:e,index:t})=>(0,p.jsx)(d.AnnotationContext,{annotation:e.id,children:(0,p.jsx)(Si,{editorMaxWidth:n,pageItems:v,pageRef:{id:_.id,type:`AnnotationPage`},selectedLanguage:s,onRemoveAnnotation:()=>{m.modifyEntityField({id:_.id,type:`AnnotationPage`},`items`,v.filter((e,n)=>n!==t))}})},e.id+t))}):_&&w?(0,p.jsx)(`div`,{className:(0,y.twMerge)(`mt-2 text-sm text-gray-400 italic`,``),children:`No text added yet.`}):null]})}function Si({editorMaxWidth:e,onRemoveAnnotation:t,pageItems:n,pageRef:r,selectedLanguage:i}){let a=(0,d.useAnnotation)(),o=(0,d.useVault)(),s=a?.body||[],c=(0,l.useGenericEditor)(a);if(!a)return null;let u=s.map((e,t)=>({item:e,index:t})).filter(({item:e})=>Q(e,o)?.language===i),f=u.length>0?u:[],h=(0,m.useCallback)(e=>{let t=Ei(s,o,e);t.length!==s.length&&o.modifyEntityField({id:a.id,type:`Annotation`},`body`,t);let i=Ti(n,o,a.id);i.length!==n.length&&o.modifyEntityField(r,`items`,i)},[a.id,r.id,n,o]);return f.length?(0,p.jsx)(`div`,{className:`min-w-0 max-w-full overflow-hidden`,children:f.map(({item:t,index:n})=>(0,p.jsx)(Ci,{resourceId:t.id,onRemove:()=>c.annotation.body.deleteAtIndex(n),onUpdate:()=>h(t.id),editorMaxWidth:e},t.id||n))}):null}function Ci({editorMaxWidth:e,resourceId:t,onRemove:n,onUpdate:r}){let i=(0,m.useMemo)(()=>({id:t,type:`ContentResource`}),[t]),a=(0,l.useGenericEditor)(i),{i18n:{advancedLanguageMode:o,availableLanguages:s,defaultLanguage:c}}=(0,l.useConfig)(),{language:u,value:d}=a.descriptive,f=u.get(),g=Array.isArray(f)?f[0]||c||`en`:f||c||`en`;return(0,m.useEffect)(()=>{let e=Array.isArray(u.get())?u.get()[0]:u.get();!o&&e!==g&&u.set(g)},[o,g]),(0,p.jsxs)(`div`,{className:`min-w-0 max-w-full overflow-hidden`,style:e?{maxWidth:e}:void 0,children:[o?(0,p.jsxs)(`div`,{className:`mb-2 flex items-center justify-between gap-2`,children:[(0,p.jsx)(`select`,{"aria-label":`Language`,className:`rounded border border-slate-200 bg-white px-2 py-1 text-sm`,value:g,onChange:e=>u.set(e.currentTarget.value),children:s.map(e=>(0,p.jsx)(`option`,{value:e,children:e},e))}),(0,p.jsx)(`button`,{type:`button`,className:`text-sm text-slate-600 hover:text-slate-900`,onClick:n,children:`Remove`})]}):null,(0,p.jsx)(h.HTMLEditor,{value:d.get()||``,onChange:e=>{d.set(e),r()}},`${t}:${g}`)]})}function wi(e,t){let n=e.map((e,t)=>({item:e,index:t})),r=n.filter(({item:e})=>!Di(e,t));return r.length?r:n.slice(0,1)}function Ti(e,t,n){let r=e.filter(e=>e?.id===n||!Di(e,t));return r.length?r:e.slice(0,1)}function Ei(e,t,n){let r=e.filter(e=>e?.id===n||!Oi(e,t));return r.length?r:e.slice(0,1)}function Di(e,t){let n=Ai(Q(e,t)?.body);return!n.length||n.every(e=>Oi(e,t))}function Oi(e,t){let n=Q(e,t);return!n||ki(n.value||``)}function ki(e){let t=String(e||``);return!/<img\b/i.test(t)&&t.replace(/<[^>]*>/g,``).replace(/&nbsp;/gi,` `).replace(/\s+/g,``).trim()===``}function Q(e,t){return!e?.id||e.value||e.items||e.body?e:t.get(e,{skipSelfReturn:!1})||e}function Ai(e){return Array.isArray(e)?e:e==null?[]:[e]}const ji={id:`youtube-main-editor`,label:`YouTube main editor`,component:e=>e.type===`media`?(0,p.jsx)(Mi,{strategy:e,video:e.media}):null,supports:{strategy:(e,t,n)=>e.type===`media`&&e.media.type===`VideoYouTube`}};function Mi({strategy:e,video:t}){let{edit:n}=(0,l.useLayoutActions)(),r=(0,d.useCanvas)(),i=(0,d.useVaultSelector)((e,t)=>t.get(r?.items[0]).items[0]);(0,x.default)(r&&i);let a=(0,m.useRef)(null),o=(0,l.useGenericEditor)(i),s=t,c=(r.width||1)/(r.height||1);return`${s.youTubeId}`,(0,p.jsxs)(`div`,{className:`overflow-y-auto`,children:[(0,p.jsx)(`div`,{className:`p-8`,children:(0,p.jsx)(`div`,{className:`bg-black z-20 flex p-8 rounded-lg max-w-full max-h-[70vh] mx-auto`,style:{aspectRatio:c},children:(0,p.jsx)(`iframe`,{title:`YouTube video`,className:`border-none w-full h-full object-contain`,ref:a,src:`https://www.youtube.com/embed/${s.youTubeId}?enablejsapi=1&origin=${window.location.host}&modestbranding=1&rel=0`,referrerPolicy:`no-referrer compute-pressure`,sandbox:`allow-scripts allow-same-origin allow-presentation`})})}),(0,p.jsxs)(`div`,{className:`bg-white shadow w-full p-8 flex gap-8`,children:[(0,p.jsx)(`div`,{children:(0,p.jsx)(`div`,{className:`w-64 bg-black flex-shrink-0 flex items-center justify-center rounded overflow-clip`,style:{aspectRatio:c},children:r.thumbnail?.length?(0,p.jsx)(h.LazyThumbnail,{cover:!0}):(0,p.jsx)(`div`,{className:`text-white/50 text-center py-16`,children:`No thumbnail`})})}),(0,p.jsxs)(`div`,{className:`flex-1`,children:[(0,p.jsx)(d.LocaleString,{as:`h3`,className:`text-2xl font-bold mt-4`,defaultText:(0,p.jsx)(`span`,{className:`text-black/30`,children:`No Label`}),children:o.descriptive.label.get()}),(0,p.jsx)(d.LocaleString,{as:`p`,className:`mt-2 mb-8`,defaultText:(0,p.jsx)(`span`,{className:`text-black/30`,children:`No summary`}),children:o.descriptive.summary.get()}),(0,p.jsx)(h.ActionButton,{onPress:()=>n(o.ref()),children:`Edit properties`})]})]})]})}const Ni=(0,O.defineCreator)({...k.iiifBrowserCreator,id:`@exhibitions/browser-creator`,configKey:k.iiifBrowserCreator.id,create:Fi,sideEffects:[],tags:[`image`,`exhibition-slide`,`exhibition-slideshow-slide`],label:`IIIF Browser`,summary:`Browse IIIF Resources`,resourceType:`Canvas`,resourceFields:[`id`,`language`,`type`,`format`,`value`],additionalTypes:[],supports:{initialData:!0,onlyPainting:!0,parentTypes:[`Manifest`],parentFields:[`items`],parentFieldMap:{Manifest:[`items`]}}});function Pi(e){return{...e,additionalTypes:e.additionalTypes?.filter(e=>e!==`Canvas`),supports:{...e.supports,parentTypes:[`Annotation`,`AnnotationPage`],parentFieldMap:{Annotation:[`body`],AnnotationPage:[`items`]}}}}async function Fi(e,t){let n=t.generateId(`canvas`),r=t.generateId(`annotation-page`,{id:n,type:`Canvas`}),i={width:0,height:0},a,o=await(0,O.creatorHelper)(t,{id:r,type:`AnnotationPage`},`items`,`@manifest-editor/iiif-browser-creator`)({...e,trackSize({width:e,height:t}){i.height=t,i.width=e},trackManifest(e){a=e}},{targetType:`Annotation`,target:{id:n,type:`Canvas`}});return await(0,O.creatorHelper)(t,`Manifest`,`items`,`@exhibitions/image-slide-creator`)({canvasId:n,width:i.width,height:i.height,type:`default`,items:o,imageSlideBehavior:t.options.initialData?.imageSlideBehavior,...a})}const Ii=(0,O.defineCreator)({...k.imageServiceCreator,id:`@exhibitions/image-service-creator`,create:Li,tags:[`image`,`exhibition-slide`,`exhibition-slideshow-slide`],label:`IIIF Image`,summary:`IIIF Image service`,resourceType:`Canvas`,supports:{initialData:!0,parentTypes:[`Manifest`],parentFields:[`items`]}});async function Li(e,t){let n=t.generateId(`canvas`);t.generateId(`annotation-page`,{id:n,type:`Canvas`});let r=t.generateId(`annotation`),i=await(0,O.creatorHelper)(t,{id:r,type:`Annotation`},`body`,`@manifest-editor/image-service-creator`)(e,{target:{id:n,type:`Canvas`}}),{width:a,height:o}=i.get(),s=t.embed({id:t.generateId(`annotation`),type:`Annotation`,motivation:`painting`,body:[i],target:{type:`SpecificResource`,source:{id:n,type:`Canvas`}}});return await(0,O.creatorHelper)(t,`Manifest`,`items`,`@exhibitions/image-slide-creator`)({canvasId:n,width:a,height:o,type:e.slideType??`default`,items:[s],imageSlideBehavior:e.imageSlideBehavior??t.options.initialData?.imageSlideBehavior})}const Ri=(0,O.defineCreator)({id:`@exhibitions/image-slide-creator`,create:Vi,label:`Empty slide`,summary:`An empty image slide.`,icon:(0,p.jsx)(h.EmptyCanvasIcon,{}),tags:[`exhibition-slide`],resourceType:`Canvas`,resourceFields:[`id`,`type`,`label`,`height`,`width`,`items`],supports:{initialData:!0,parentTypes:[`Manifest`],parentFields:[`items`]}});(0,O.defineCreator)({...Ri,id:`@exhibitions/image-slide-creator-left`,label:`Image (Left)`,summary:`An image with text on the left.`,icon:(0,p.jsx)(`div`,{children:`IMAGE (LEFT)`}),create:(e,t)=>Vi({...e,type:`left`},t)}),(0,O.defineCreator)({...Ri,id:`@exhibitions/image-slide-creator-right`,label:`Image (Right)`,summary:`An image with text on the right.`,icon:(0,p.jsx)(`div`,{children:`IMAGE (RIGHT)`}),create:(e,t)=>Vi({...e,type:`right`},t)}),(0,O.defineCreator)({...Ri,id:`@exhibitions/image-slide-creator-bottom`,label:`Image (Bottom)`,summary:`An image with text at the bottom.`,icon:(0,p.jsx)(`div`,{children:`IMAGE (BOTTOM)`}),create:(e,t)=>Vi({...e,type:`bottom`},t)});const zi=(0,O.defineCreator)({...Ri,id:`@exhibitions/slideshow-image-only-creator`,label:`Multiple images`,summary:`An empty slideshow slide`,tags:[`exhibition-slideshow-slide`],create:(e,t)=>Vi({...e,behavior:[`w-12`,`h-8`,`image`],height:e.height||1080,width:e.width||1920,type:`default`},t)}),Bi=(0,O.defineCreator)({...Ri,id:`@exhibitions/slideshow-image-text-creator`,label:`Multiple images with text`,summary:`An empty slideshow slide, with text`,tags:[`exhibition-slideshow-slide`],create:(e,t)=>Vi({...e,behavior:[`w-12`,`h-8`,`right`],height:e.height||1080,width:e.width||1920,type:`right`},t)});(0,O.defineCreator)({...Ri,id:`@exhibitions/scroll-compact-deck-creator`,label:`Compact image deck`,summary:`A scrolling section with compact annotation-led image slides.`,tags:[`exhibition-scroll-section`,`exhibition-slide`],create:(e,t)=>Vi({...e,behavior:[`w-12`,`h-8`,`compact-deck`],height:e.height||1080,width:e.width||1920,type:`default`},t)});function Vi(e,t){let n=e.canvasId||t.generateId(`Canvas`),r=t.generateId(`AnnotationPage`,{id:n,type:`Canvas`}),i=t.generateId(`AnnotationPage`,{id:n,type:`Canvas`}),a=[],o=6e3,s=e.imageSlideBehavior||t.options.initialData?.imageSlideBehavior;if(e.behavior)a.push(...e.behavior);else if(s)a.push(...s);else if(e.width&&e.height){let t=e.type??`default`,n=t===`left`||t===`right`,r=t===`bottom`,i=e.width/e.height,o=n?8:12,s=r?3/2:1,c=Math.max(1,Math.min(12,Math.round(o/i*s)));a.push(`w-12`,`h-${c}`)}else a.push(`w-12`,`h-4`);if(!e.behavior)switch(e.type){case`left`:a.push(`left`),o*=2/3;break;case`right`:a.push(`right`),o*=2/3;break;case`bottom`:a.push(`bottom`)}e.items?.length||a.push(`multi-image`);let c={...e.metadata?{metadata:e.metadata}:{},...e.requiredStatement?{requiredStatement:e.requiredStatement}:{},...e.rights?{rights:e.rights}:{},...e.partOf?{partOf:e.partOf}:{}};return t.embed({...A.emptyCanvas,id:n,behavior:a,label:e.label||{en:[`Untitled`]},...c,height:e.height||4e3,duration:e.duration,width:e.width||o,items:[t.embed({...A.emptyAnnotationPage,id:r,type:`AnnotationPage`,items:e.items?e.items:[]})],annotations:[t.embed({...A.emptyAnnotationPage,id:i,type:`AnnotationPage`,items:[]})]})}const Hi=(0,O.defineCreator)({...k.imageUrlCreator,id:`@exhibitions/image-url-creator`,create:Ui,tags:[`exhibition-slide`,`exhibition-slideshow-slide`],label:`Image from URL`,summary:`Image from URL`,resourceType:`Canvas`,supports:{initialData:!0,parentTypes:[`Manifest`],parentFields:[`items`]}});async function Ui(e,t){let n=t.generateId(`canvas`);t.generateId(`annotation-page`,{id:n,type:`Canvas`});let r=t.generateId(`annotation`),i=await(0,O.creatorHelper)(t,{id:r,type:`Annotation`},`body`,`@manifest-editor/image-url-creator`)(e,{target:{id:n,type:`Canvas`},targetType:`Annotation`}),{width:a,height:o}=i.get(),s=t.embed({id:r,type:`Annotation`,motivation:`painting`,body:[i],target:{type:`SpecificResource`,source:{id:n,type:`Canvas`}}});return await(0,O.creatorHelper)(t,`Manifest`,`items`,`@exhibitions/image-slide-creator`)({canvasId:n,width:a,height:o,type:`default`,items:[s],imageSlideBehavior:t.options.initialData?.imageSlideBehavior})}const Wi={fullpage:`Full page`,slideshow:`Slideshow`,scroll:`Scroll`},Gi={templates:qr,onboarding:{id:`exhibition-template-selection`,mode:`per-resource`,title:`Choose exhibition format`,summary:`Pick a starting point for this exhibition.`,openLabel:`Exhibition formats`,dismissLabel:`Skip for now`,primaryLabel:`Start building`,renderPreviewButton:e=>(0,p.jsx)(qi,{...e}),renderBody:({templates:e,selectedTemplateId:t,setSelectedTemplateId:n,dismiss:r})=>(0,p.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:e.length?e.map(e=>{let i=t===e.id;return(0,p.jsxs)(`article`,{className:[`relative overflow-hidden rounded border-2 bg-white`,i?`border-me-primary-500`:`border-gray-200`].join(` `),children:[(0,p.jsx)(v.Button,{"aria-label":`Use ${e.label} format`,"aria-pressed":i,className:`absolute inset-0 z-10 cursor-pointer rounded outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-me-primary-500`,onPress:()=>{n(e.id),r()}}),(0,p.jsx)(`img`,{src:e.thumbnailUrl,alt:``,className:`aspect-video w-full bg-gray-100 object-cover`}),(0,p.jsxs)(`div`,{className:`pointer-events-none flex flex-col gap-2 p-3`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`h3`,{className:`text-sm font-semibold text-gray-900`,children:e.label}),(0,p.jsx)(`p`,{className:`mt-1 text-xs uppercase tracking-normal text-gray-500`,children:e.type})]}),(0,p.jsx)(`p`,{className:`text-sm text-gray-600`,children:e.summary}),(0,p.jsx)(`a`,{href:e.previewUrl,target:`_blank`,rel:`noreferrer`,className:`pointer-events-auto relative z-20 inline-flex w-fit items-center rounded py-0.5 text-sm font-medium text-me-700 hover:text-me-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-me-primary-500 focus-visible:ring-offset-2`,children:`Preview`})]})]},e.id)}):(0,p.jsx)(`p`,{className:`text-sm text-gray-600`,children:`No exhibition formats are available for this editor.`})})}};function Ki(e,t){let n=new URL(e);return n.searchParams.set(`manifest`,t),n.toString()}function qi({downloadEnabled:e,fileName:t,preview:n,showOnboardingPreviewHint:r,onOnboardingPreviewHintClose:i}){let{actions:a,configs:o,active:s}=(0,l.usePreviewContext)(),c=(0,d.useVault)(),u=(0,l.useConfig)(),f=(0,l.useAppResource)(),m=(0,l.useLayoutActions)(),g=(0,l.useOpenPresetOnboarding)(),{selectedTemplate:_,templates:y}=(0,l.usePresetTemplateSelection)(),b=V(),x=o.filter(e=>e.type===`external-manifest-preview`),S=Oe(y,_,b),C=x.find(e=>e.id===u.defaultPreview)||x.find(e=>!e.id.includes(`theseus`)&&e.id!==`raw-manifest`)||x[0],w=x.find(e=>e.id===`theseus`||e.id===`theseus-viewer`),T=x.find(e=>e.id===`raw-manifest`);async function E(e){let t=await a.getPreviewLink();t&&window.open(Ki(e.previewUrl,t),e.id)}function D(e){a.selectPreview(e)}function O(){m.leftPanel.open({id:`@exhibitions/theme-panel`})}return!S.length&&!n?.mainAction&&!n?.actions?.length?null:(0,p.jsxs)(p.Fragment,{children:[e?(0,p.jsx)(`div`,{className:`mr-4`,children:(0,p.jsx)(h.DownloadButton,{fileName:t||`manifest.json`,label:`Download manifest`,getData:()=>u.export&&u.export.version===2?JSON.stringify(c.toPresentation2(f),null,2):JSON.stringify(c.toPresentation3(f),null,2)})}):null,(0,p.jsxs)(l.ButtonContainer,{style:{width:`auto`,minWidth:`10em`},children:[(0,p.jsxs)(l.ButtonMain,{as:v.Button,"data-preview-action":n?.mainAction?.id,isDisabled:n?.mainAction?.disabled,onPress:n?.mainAction?.onClick||O,children:[n?.mainAction?.label||`Preview`,b?(0,p.jsxs)(`span`,{className:`ml-1 whitespace-nowrap opacity-75`,children:[`· `,Wi[b.type]]}):null]}),(0,p.jsxs)(v.MenuTrigger,{children:[(0,p.jsx)(l.ButtonChange,{as:v.Button,$open:!1,"aria-label":`Choose preview`,className:`exhibition-preview-preset-menu`,children:(0,p.jsx)(Kr,{})}),(0,p.jsx)(v.Popover,{placement:`bottom right`,className:`z-50`,children:(0,p.jsxs)(l.MenuContainer,{as:v.Menu,$open:!0,className:`outline-none`,style:{position:`relative`,top:`auto`,left:`auto`,marginTop:0,width:`15em`},children:[(0,p.jsxs)(v.MenuItem,{className:`flex cursor-pointer items-center border-b border-gray-100 p-1 outline-none hover:bg-gray-50 focus:bg-gray-50`,onAction:g,children:[(0,p.jsx)(`span`,{className:`mx-2 flex h-4 w-8 shrink-0 items-center justify-center`,children:(0,p.jsx)(Ji,{className:`h-4 w-4 text-gray-500`})}),(0,p.jsx)(l.MenuItemLabel,{children:`Change exhibition format`})]}),S.map(e=>{let t=b?.id===e.id;return(0,p.jsxs)(v.MenuItem,{"aria-current":t?`true`:void 0,className:`flex cursor-pointer items-center p-1 outline-none hover:bg-gray-50 focus:bg-gray-50`,onAction:()=>E(e),children:[(0,p.jsx)(l.MenuItemStatus,{$status:t?`active`:`available`}),(0,p.jsxs)(l.MenuItemLabel,{children:[e.label,t?` (current)`:``]})]},e.id)}),n?.actions?.map(e=>(0,p.jsxs)(v.MenuItem,{className:`flex cursor-pointer items-center p-1 outline-none hover:bg-gray-50 focus:bg-gray-50`,isDisabled:e.disabled,onAction:e.onClick,children:[(0,p.jsx)(l.MenuItemStatus,{$status:e.status||`available`}),(0,p.jsx)(l.MenuItemLabel,{children:e.label})]},e.id)),w&&w.id!==C?.id?(0,p.jsxs)(v.MenuItem,{className:`flex cursor-pointer items-center p-1 outline-none hover:bg-gray-50 focus:bg-gray-50`,onAction:()=>D(w.id),children:[(0,p.jsx)(l.MenuItemStatus,{$status:s.includes(w.id)?`configured`:`available`}),(0,p.jsx)(l.MenuItemLabel,{children:w.label})]}):null,T&&T.id!==C?.id?(0,p.jsxs)(v.MenuItem,{className:`flex cursor-pointer items-center p-1 outline-none hover:bg-gray-50 focus:bg-gray-50`,onAction:()=>D(T.id),children:[(0,p.jsx)(l.MenuItemStatus,{$status:s.includes(T.id)?`configured`:`available`}),(0,p.jsx)(l.MenuItemLabel,{children:T.label})]}):null]})})]})]}),(0,p.jsx)(h.OnboardingTour,{id:`exhibition-preview-preset-menu`,forceStart:r,onClose:i,lastButtonLabel:`Dismiss`,steps:[{target:`.exhibition-preview-preset-menu`,placement:`bottom`,disableBeacon:!0,content:`You can change the exhibition format again from this preview menu.`}]})]})}function Ji(e){return(0,p.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,...e,children:(0,p.jsxs)(`g`,{fill:`none`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`2`,children:[(0,p.jsx)(`path`,{d:`M3 17h2.397a5 5 0 0 0 4.096-2.133l.177-.253m3.66-5.227l.177-.254A5 5 0 0 1 17.603 7H21`}),(0,p.jsx)(`path`,{d:`m18 4l3 3l-3 3M3 7h2.397a5 5 0 0 1 4.096 2.133l4.014 5.734A5 5 0 0 0 17.603 17H21`}),(0,p.jsx)(`path`,{d:`m18 20l3-3l-3-3`})]})})}const Yi=(0,O.defineCreator)({id:`@exhibitions/info-box-creator`,create:Zi,label:`Info box`,summary:`A text panel for an exhibition`,icon:(0,p.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,children:[(0,p.jsx)(`title`,{children:`Info box`}),(0,p.jsx)(`path`,{fill:`currentColor`,d:`M11 17h2v-6h-2zm1-8q.425 0 .713-.288T13 8t-.288-.712T12 7t-.712.288T11 8t.288.713T12 9m0 13q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22`})]}),tags:[`exhibition-slide`],resourceType:`Canvas`,resourceFields:[`id`,`type`,`label`,`height`,`width`,`items`],supports:{initialData:!0,parentTypes:[`Manifest`],parentFields:[`items`]}}),Xi=(0,O.defineCreator)({...Yi,id:`@exhibitions/slideshow-long-editorial-creator`,label:`Long editorial`,summary:`A text-led slideshow slide.`,tags:[`exhibition-slideshow-slide`],create:(e,t)=>Zi({...e,behavior:[`w-12`,`h-8`,`info`],height:e.height||1080,width:e.width||1920},t)});async function Zi(e,t){let n=t.generateId(`canvas`),r=t.generateId(`annotation-page`,{id:n,type:`Canvas`}),i=t.generateId(`annotation-page`,{id:n,type:`Canvas`}),a={...A.emptyAnnotation,id:t.generateId(`annotation`,{id:n,type:`Canvas`}),type:`Annotation`},o=[await t.create(`@manifest-editor/html-body-creator`,{language:`en`,body:``},{parent:{resource:a,property:`body`}})],s=t.embed({...a,motivation:`painting`,body:o,target:{type:`SpecificResource`,source:{id:n,type:`Canvas`}}}),c=t.generateId(`annotation`,{id:n,type:`Canvas`}),l=t.embed({id:c,type:`Annotation`,motivation:`tagging`,body:[await t.create(`@manifest-editor/html-body-creator`,{language:`en`,body:``},{parent:{resource:{id:c,type:`Annotation`},property:`body`}})],target:{type:`SpecificResource`,source:{id:n,type:`Canvas`}}}),u=t.embed({id:r,type:`AnnotationPage`,items:[s]}),d=t.embed({id:i,type:`AnnotationPage`,items:[l]});return t.embed({...A.emptyCanvas,id:n,type:`Canvas`,behavior:e.behavior||[`w-4`,`h-4`,`info`],label:e.label||void 0,height:e.height||1e3,width:e.width||1e3,items:[u],annotations:[d]})}const Qi=(0,O.defineCreator)({...k.videoAnnotation,id:`@exhibitions/video-creator`,create:ea,tags:[`video`,`exhibition-slide`],label:`Video`,summary:`A video for an exhibition`,resourceType:`Canvas`,resourceFields:[`id`,`type`,`label`,`height`,`width`,`items`],supports:{initialData:!0,parentTypes:[`Manifest`],parentFields:[`items`]}}),$i=(0,O.defineCreator)({...Qi,id:`@exhibitions/slideshow-video-creator`,label:`Video`,summary:`A video slide for a slideshow exhibition.`,tags:[`exhibition-slideshow-slide`],create:(e,t)=>ea({...e,behavior:[`w-12`,`h-8`,`image`],height:e.height||1080,slideType:`default`,width:e.width||1920},t)});async function ea(e,t){let n=t.generateId(`canvas`),r=t.generateId(`annotation-page`,{id:n,type:`Canvas`}),i=await t.create(`@manifest-editor/video-annotation`,e,{target:{id:n,type:`Canvas`},targetType:`Annotation`,parent:{resource:{id:r,type:`AnnotationPage`},property:`items`}});return t.embed({id:r,type:`AnnotationPage`,items:[i]}),await(0,O.creatorHelper)(t,`Manifest`,`items`,`@exhibitions/image-slide-creator`)({canvasId:n,behavior:e.behavior,height:e.height||1080,width:e.width||1920,duration:e.duration,type:e.slideType||`bottom`,items:[i]})}const ta=(0,O.defineCreator)({...k.youTubeBodyCreator,id:`@exhibitions/youtube-creator`,create:ra,tags:[`video`,`exhibition-slide`],label:`YouTube`,summary:`A YouTube for an exhibition`}),na=(0,O.defineCreator)({...ta,id:`@exhibitions/slideshow-youtube-creator`,label:`YouTube`,summary:`A YouTube slide for a slideshow exhibition.`,tags:[`exhibition-slideshow-slide`]});async function ra(e,t){let n=(0,u.getYouTubeId)(e.youtubeUrl),r=t.generateId(`canvas`),i=t.generateId(`annotation-page`,{id:r,type:`Canvas`}),a=t.embed({id:t.generateId(`annotation`,{id:i,type:`AnnotationPage`}),type:`Annotation`,motivation:`painting`,body:[(0,k.createYoutubeBodyResource)(e,t)],target:{type:`SpecificResource`,source:{id:r,type:`Canvas`}}}),o=t.embed({id:i,type:`AnnotationPage`,items:[a]}),s=t.embed({id:`https://img.youtube.com/vi/${n}/maxresdefault.jpg`,type:`Image`,format:`image/jpeg`,width:640,height:360});return t.embed({...A.emptyCanvas,id:r,type:`Canvas`,behavior:[`w-12`,`h-8`],label:e.label||{en:[`Untitled YouTube Video`]},height:e.height||1080,width:e.width||1920,thumbnail:[s],items:[o]})}function ia(e){return!(0,j.getValue)(e)}function aa(e,t,n){let r=t>0&&n>0?Math.max(1,Math.min(12,Math.round(t/n*12))):4;return[...e.filter(e=>!e.startsWith(`w-`)&&!e.startsWith(`h-`)),`w-12`,`h-${r}`]}function oa({misplacedSplash:e=!1}){let t=(0,l.useEditor)(),n=()=>{let n=t.technical.width.get(),r=t.technical.height.get(),i=t.descriptive.summary,a=t.technical.behavior,o=a.get(),s=aa(e?o.filter(e=>e!==`splash`):o,n,r);ia(i.get())&&i.set({en:[`Summary of image`]}),(s.length!==o.length||s.some((e,t)=>e!==o[t]))&&a.set(s)};return(0,p.jsxs)(`div`,{className:`flex flex-col items-center gap-4 border-me-100 border-2 p-4 rounded`,children:[e?`Opening cover canvases must be first. Apply defaults to use this canvas as a regular exhibition slide.`:`This canvas was not created in the exhibition editor. Do you want to apply default settings?`,(0,p.jsx)(h.ActionButton,{onPress:()=>n(),children:`Apply defaults`})]})}function sa({editor:e}){let t=e.get()||``;return(0,p.jsxs)(u.InputContainer,{$wide:!0,id:e.containerId(),children:[(0,p.jsx)(u.InputLabel,{htmlFor:e.focusId(),children:`Background colour`}),(0,p.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,p.jsx)(`input`,{id:e.focusId(),"aria-label":`Choose background colour`,className:`h-9 w-12 shrink-0 cursor-pointer rounded border border-[#dcd5ce] bg-white p-1`,type:`color`,value:ca(t),onChange:t=>e.set(t.target.value)}),(0,p.jsx)(u.Input,{"aria-label":`Background colour value`,placeholder:`No colour`,value:t,onChange:t=>e.set(t.target.value||null)}),t?(0,p.jsx)(`button`,{type:`button`,className:`rounded border border-[#dcd5ce] bg-white px-3 py-2 text-sm font-semibold text-[#332f2c]`,onClick:()=>e.set(null),children:`Remove`}):null]}),(0,p.jsx)(`p`,{className:`mt-1 text-xs text-[#6a625c]`,children:`Shown behind the image and text for this section.`})]})}function ca(e){let t=e.trim();if(/^#[0-9a-fA-F]{6}$/.test(t))return t;if(/^#[0-9a-fA-F]{3}$/.test(t)){let[e,n,r]=t.slice(1);return`#${e}${e}${n}${n}${r}${r}`}return`#ffffff`}function la(e,t){if(!t?.behavior?.includes(`multi-image`))return null;let n=W(e,t);if(n.length!==1)return null;let r=n[0],i=Array.isArray(r?.body)?r.body[0]:r?.body,a=i?.type===`SpecificResource`?i.selector:null,o=a?.region?.split(`,`).map(Number);return r?.target?.selector&&Ve(e,r)?.type===`Image`&&[`ImageApiSelector`,`iiif:ImageApiSelector`].includes(a?.type)&&o?.length===4&&o.every(Number.isFinite)&&o[2]>0&&o[3]>0?r:null}function ua(){let e=(0,d.useCanvas)(),t=(0,d.useVault)(),n=(0,d.useVaultSelector)((t,n)=>la(n,e),[e?.id,e?.items]),r=(0,l.useGenericEditor)(n?{id:n.id,type:`Annotation`}:void 0,{allowNull:!0});return!e||!n||!r?.annotation?null:(0,p.jsxs)(`div`,{className:`mb-6 rounded-md border border-amber-300 bg-amber-50 p-4 text-sm text-amber-950`,children:[(0,p.jsx)(`p`,{className:`mb-3`,children:`This slide has one image positioned for a multi-image layout. Rescale the slide to fit it.`}),(0,p.jsx)(v.Button,{className:`rounded-md bg-amber-900 px-3 py-2 font-semibold text-white hover:bg-amber-800`,onPress:()=>(0,u.targetWholeCanvas)(t,e,r.annotation),children:`Rescale for current image`})]})}const da={id:`@exhibition/summary-editor`,supports:{edit:!0,properties:[`summary`,`requiredStatement`],resourceTypes:[`Canvas`],custom:(e,t)=>{let{resource:n}=e;return mt(n,t)?!Pr(e,t)&&!ht(n,t):!1}},label:`Text content`,component:()=>(0,p.jsx)(fa,{})};function fa(){return(0,p.jsx)(h.Sidebar,{children:(0,p.jsx)(h.SidebarContent,{padding:!0,children:(0,p.jsx)(pa,{})})})}function pa(){let e=U(e=>e.setCenterPanelMode),t=(0,d.useCanvas)();return(0,m.useEffect)(()=>{e(`preview`)},[e]),t?(0,p.jsxs)(l.ResourceEditingProvider,{resource:t,children:[(0,p.jsx)(u.LanguageMapEditor,{dispatchType:`label`}),(0,p.jsx)(ha,{resource:t}),(0,p.jsx)(ma,{})]}):null}function ma(){let{descriptive:e}=(0,l.useEditor)(),{requiredStatement:t}=e,n=t.get();return(0,p.jsxs)(u.InputContainer,{$wide:!0,id:t.containerId(),children:[(0,p.jsx)(u.InputLabel,{htmlFor:t.focusId(),children:`Required statement`}),(0,p.jsxs)(u.InputFieldset,{id:t.focusId(),children:[(0,p.jsx)(u.LanguageFieldEditor,{focusId:`${t.focusId()}_label`,label:`Label`,fields:n?.label||{none:[]},onSave:e=>t.updateLabel(e.toInternationalString())}),(0,p.jsx)(u.LanguageFieldEditor,{focusId:`${t.focusId()}_value`,label:`Value`,fields:n?.value||{none:[]},onSave:e=>t.update(e.toInternationalString())})]})]})}function ha({resource:e}){let t=(0,d.useVault)(),n=(0,m.useMemo)(()=>$n(e.summary),[e.summary]);return(0,p.jsx)(u.TiptapLanguageFieldEditor,{label:`summary`,metadataKey:`summary`,fields:n,onSave:n=>{t.modifyEntityField(e,`summary`,er(n.toInternationalString()))}},e.id)}const ga={id:`@exhibition/right-panel-editor`,supports:{edit:!0,properties:[`label`,`summary`],resourceTypes:[`Canvas`],custom:({resource:e},t)=>mt(e,t)?!ht(e,t):!1},label:`Exhibition`,component:()=>(0,p.jsx)(_a,{})};function _a(){return(0,p.jsx)(h.Sidebar,{children:(0,p.jsx)(h.SidebarContent,{padding:!0,children:(0,p.jsx)(va,{})})})}function va(){let e=U(e=>e.setCenterPanelMode),t=(0,d.useCanvas)(),n=(0,d.useVault)(),r=(0,l.useManifestEditor)(),i=(0,l.useEditingResource)(),{structural:a,technical:o}=(0,l.useEditor)(),{items:s}=a,c=o.behavior.get()||[],f=s.get()[0],[,h]=(0,l.useCreator)(f?{id:f.id,type:`AnnotationPage`}:void 0,`items`,`Annotation`,t?{id:t.id,type:`Canvas`}:void 0,{isPainting:!0}),g=_t(t),_=c.includes(`info`),v=Nr(t,r.structural.items.get()),y=c.includes(`splash`)&&!v,b=Ne(n,t),x=$t(c,(0,d.useVaultSelector)((e,n)=>t?Me(n,t).length>0:!1,[t?.id,t?.annotations?.[0]?.id]));return(0,m.useEffect)(()=>{e(`preview`)},[e]),!t||!f||!i?(0,p.jsx)(`div`,{className:`p-8`,children:`Canvas, page, or resource not found`}):_?(0,p.jsxs)(l.ResourceEditingProvider,{resource:t,children:[!g||y?(0,p.jsx)(oa,{misplacedSplash:y}):null,(0,p.jsx)(ba,{canvas:t}),b?(0,p.jsx)(xa,{canvas:t}):null]}):(0,p.jsxs)(l.ResourceEditingProvider,{resource:t,children:[!g||y?(0,p.jsx)(oa,{misplacedSplash:y}):null,(0,p.jsx)(ua,{}),v?(0,p.jsx)(ya,{manifestEditor:r}):(0,p.jsx)(ba,{canvas:t}),(0,p.jsx)(sa,{editor:o.backgroundColor}),x.layoutOptions.length||x.isSlideshow&&Sn(c)?(0,p.jsx)(u.InputContainer,{$wide:!0,children:(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`div`,{className:`exhibition-workbench-muted mb-3 text-sm font-semibold`,children:x.isSlideshow&&Sn(c)?`Text overlay position`:`Text placement`}),x.isSlideshow&&Sn(c)?(0,p.jsx)(St,{value:Cn(c),onChange:e=>o.behavior.set(wn(c,e))}):(0,p.jsx)(`div`,{className:`grid grid-cols-2 gap-3`,children:x.layoutOptions.map(e=>(0,p.jsx)(pn,{preset:e.value,label:e.label,selected:yn(c)===e.value,onClick:()=>{o.behavior.set(bn(c,e.value,t?{width:t.width,height:t.height}:void 0)),t&&Pn(n,t,e.value)}},e.value))}),(0,p.jsx)(Sa,{canvas:t,tabId:`slide-behaviors`,label:`More display options`})]})}):null,b&&!v?(0,p.jsx)(xa,{canvas:t}):null,(0,p.jsx)(d.AnnotationPageContext,{annotationPage:f.id,children:(0,p.jsx)(u.PaintingAnnotationList,{onCreate:()=>{e(`edit`),h.createFiltered(`image`,void 0,{skipEditingOnCreate:!0})}})})]})}function ya({manifestEditor:e}){let t={...e.ref(),summary:e.descriptive.summary.get()};return(0,p.jsxs)(l.ResourceEditingProvider,{resource:t,children:[(0,p.jsx)(u.LanguageMapEditor,{dispatchType:`label`}),(0,p.jsx)(ha,{resource:t})]})}function ba({canvas:e}){let{edit:t}=(0,l.useLayoutActions)(),n=(0,m.useRef)(null),[r,i]=(0,m.useState)(!1),[a,o]=(0,m.useState)(!1),s=Ca(e.label)||`Untitled`,c=tr(e.summary);return(0,m.useEffect)(()=>{let e=n.current;if(!e){o(!1);return}o(e.scrollHeight>e.clientHeight+1)},[c,r]),(0,p.jsx)(u.InputContainer,{$wide:!0,children:(0,p.jsxs)(`div`,{className:`rounded-md border border-[#dcd5ce] bg-[#f8f6f3] p-4`,children:[(0,p.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,p.jsxs)(`div`,{className:`min-w-0`,children:[(0,p.jsx)(`div`,{className:`text-xs font-semibold uppercase text-[#6a625c]`,children:`Label`}),(0,p.jsx)(`div`,{className:`mt-1 break-words text-base font-semibold text-[#25211f]`,children:s})]}),(0,p.jsx)(`button`,{type:`button`,className:`flex-shrink-0 rounded-md px-3 py-2 text-sm font-semibold shadow-sm`,style:{backgroundColor:`#b84c74`,border:`1px solid #a13e63`,color:`#ffffff`},onClick:()=>{t({id:e.id,type:`Canvas`},void 0,{selectedTab:`@exhibition/summary-editor`,forceOpen:!0})},children:`Edit`})]}),(0,p.jsxs)(`div`,{className:`mt-5`,children:[(0,p.jsx)(`div`,{className:`text-xs font-semibold uppercase text-[#6a625c]`,children:`Summary`}),(0,p.jsx)(`div`,{ref:n,className:[`mt-2 whitespace-pre-wrap break-words text-sm leading-relaxed text-[#332f2c]`,r?``:`max-h-32 overflow-hidden`].join(` `),children:c?(0,p.jsx)(`div`,{className:`prose prose-sm max-w-none prose-p:my-2 prose-headings:my-2 prose-ul:my-2 prose-ol:my-2`,dangerouslySetInnerHTML:{__html:c}}):(0,p.jsx)(`span`,{className:`text-[#6a625c]`,children:`No summary added.`})}),a||r?(0,p.jsx)(`button`,{type:`button`,className:`mt-2 text-sm font-semibold text-[#b84c74]`,onClick:()=>i(e=>!e),children:r?`Read less`:`Read more`}):null]})]})})}function xa({canvas:e}){let t=(0,d.useVault)(),n=e.annotations?.[0],r=n?t.get(n,{skipSelfReturn:!1}):null,i=Array.isArray(r?.items)?r.items.length:0,a=i===0?`There are no tour steps yet.`:`${i} tour step${i===1?``:`s`} on this canvas.`;return(0,p.jsx)(u.InputContainer,{$wide:!0,children:(0,p.jsxs)(`div`,{className:`rounded-md border border-[#dcd5ce] bg-white p-4`,children:[(0,p.jsx)(`div`,{className:`text-sm font-semibold text-[#25211f]`,children:`Tour steps`}),(0,p.jsx)(`div`,{className:`mt-1 text-sm text-[#6a625c]`,children:a}),(0,p.jsx)(Sa,{canvas:e,tabId:`@exhibition/tour-steps`,label:i===0?`Open Tour steps tab to add one`:`Open Tour steps tab`})]})})}function Sa({canvas:e,tabId:t,label:n}){let{edit:r}=(0,l.useLayoutActions)();return(0,p.jsxs)(`button`,{type:`button`,onClick:()=>r({id:e.id,type:`Canvas`},void 0,{selectedTab:t,forceOpen:!0}),className:`flex gap-2 items-center justify-between mt-3 text-me-primary-600 bg-gray-50 py-2 px-4 rounded-full hover:bg-gray-100`,children:[(0,p.jsx)(`span`,{className:`text-left text-sm font-semibold`,children:n}),(0,p.jsx)(h.ArrowRightIcon,{})]})}function Ca(e){return e?typeof e==`string`?e:Array.isArray(e)?e.filter(Boolean).join(` `):typeof e==`object`?Object.values(e).flatMap(e=>Array.isArray(e)?e:[e]).filter(e=>typeof e==`string`).join(` `):``:``}function wa(e,t=e=>e){let n=Array.isArray(e?.motivation)?e.motivation:[e?.motivation],r=Array.isArray(e?.body)?e.body:e?.body?[e.body]:[];if(!n.includes(`painting`)||r.length!==1)return null;let i=r[0];if(!e?.id||i?.type===`Choice`||i?.source?.type===`Choice`)return null;let a=i?.type===`SpecificResource`,o=a?i.selector:void 0;if(o&&![`ImageApiSelector`,`iiif:ImageApiSelector`].includes(o.type))return null;let s=a?i.source:i,c=t(s)||s;if(c?.type!==`Image`)return null;let l=(Array.isArray(c.service)?c.service:c.service?[c.service]:[]).map(e=>t(e)||e).find(e=>(0,S.isImageService)(e)&&(e.id||e[`@id`]));return l?{annotation:e,annotationRef:{id:e.id,type:`Annotation`},body:a?i:{type:`SpecificResource`,source:s},selector:o||{type:`ImageApiSelector`},source:c,service:l}:null}function Ta(e){if(typeof e!=`string`)return null;let t=e.split(`,`).map(Number);if(t.length!==4||!t.every(Number.isFinite))return null;let n=t[0],r=t[1],i=t[2],a=t[3];return i<=0||a<=0?null:{x:n,y:r,width:i,height:a}}function Ea(e){let t={x:Math.max(0,Math.round(e.x)),y:Math.max(0,Math.round(e.y)),width:Math.round(e.width),height:Math.round(e.height)};if(t.width<=0||t.height<=0)throw Error(`The crop must have a positive width and height`);return t}function Da(e,t){return ka(e,Ea(t),e.selector.rotation)}function Oa(e,t){let n=Ta(e.selector.region),r=n||za(e.service);if(!r)throw Error(`The image service did not provide full image dimensions`);return ka(e,n,Ja(t),r)}function ka(e,t,n,r=t){let i={...e.selector,...n===void 0?{}:{rotation:String(n)}};t?i.region=Ha(t):delete i.region;let a=Ga(e,t,n),o=Math.min(512,r.width),s=Ga(e,t,n,o),c=Fa(r.width,r.height,n);return{region:t,imageDimensions:c,thumbnailDimensions:Fa(o,Math.round(r.height/r.width*o),n),selector:i,source:{...e.source,id:a,...e.source[`@id`]?{"@id":a}:{},width:c.width,height:c.height},sourceId:a,thumbnailId:s}}function Aa(e,t,n,r){return!r||r.cancelled||!r.boundingBox?null:Ma(e,t,n,r.boundingBox)}function ja(e,t,n){let r=Array.isArray(e?.behavior)?e.behavior:e?.behavior?[e.behavior]:[];return(Array.isArray(t?.target)?t.target:t?.target?[t.target]:[]).some(t=>Ua(t,e))&&n===1&&!r.includes(`multi-image`)}function Ma(e,t,n,r){return Pa(e,t,n,Da(t,r))}function Na(e,t,n,r){return Pa(e,t,n,Oa(t,r))}function Pa(e,t,n,r){let i=Xa(e,n),a=ja(n,t.annotation,i);return e.batch(()=>{e.dispatch((0,D.importEntities)({entities:{ContentResource:{[r.sourceId]:r.source,[r.thumbnailId]:{id:r.thumbnailId,type:`Image`,format:`image/jpeg`,width:r.thumbnailDimensions.width,height:r.thumbnailDimensions.height,service:[t.service]}}}})),e.dispatch((0,D.addMappings)({mapping:{[r.sourceId]:`ContentResource`,[r.thumbnailId]:`ContentResource`}})),e.modifyEntityField(t.annotationRef,`body`,[{...t.body,selector:r.selector,source:{id:r.sourceId,type:`ContentResource`}}]),e.modifyEntityField({id:n.id,type:`Canvas`},`thumbnail`,[{id:r.thumbnailId,type:`ContentResource`}]),a&&(e.modifyEntityField({id:n.id,type:`Canvas`},`width`,r.imageDimensions.width),e.modifyEntityField({id:n.id,type:`Canvas`},`height`,r.imageDimensions.height),e.modifyEntityField(t.annotationRef,`target`,Wa(t.annotation.target,n)))}),r}function Fa(e,t,n){let r=Number(String(n??0).replace(/^!/,``)),i=Number.isFinite(r)?(r%360+360)%360:0;return i===90||i===270?{width:t,height:e}:{width:e,height:t}}function Ia(e,t,n){switch(Ja(n)){case 90:return{x:t.height-e.y-e.height,y:e.x,width:e.height,height:e.width};case 180:return{x:t.width-e.x-e.width,y:t.height-e.y-e.height,width:e.width,height:e.height};case 270:return{x:e.y,y:t.width-e.x-e.width,width:e.height,height:e.width};default:return{...e}}}function La(e,t,n){return Ia(String(n??``).startsWith(`!`)?{...e,x:t.width-e.x-e.width}:e,t,n)}function Ra(e,t,n){let r=Ia(e,Fa(t.width,t.height,n),360-Ja(n));return String(n??``).startsWith(`!`)?{...r,x:t.width-r.x-r.width}:r}function za(e){let t=Number(e?.width),n=Number(e?.height);return t>0&&n>0?{width:t,height:n}:null}async function Ba(e,t=fetch){if(za(e))return e;let n=e?.id||e?.[`@id`];if(!n)throw Error(`The image service has no identifier`);let r=await t((0,S.canonicalServiceUrl)(n));if(!r.ok)throw Error(`The image service returned ${r.status}`);let i=await r.json(),a={...e,...i,id:i.id||i[`@id`]||n};if(!za(a))throw Error(`The image service did not provide full image dimensions`);return a}function Va(e,t=0){let n=(0,S.createImageServiceRequest)(Ya(e));return(0,S.imageServiceRequestToString)({...n,type:`image`,region:{full:!0},size:{max:!0,confined:!1,upscaled:!1},rotation:qa(t),quality:`default`,format:`jpg`})}function Ha(e){return`${e.x},${e.y},${e.width},${e.height}`}function Ua(e,t){let n=e?.type===`SpecificResource`?e.source:e,r=typeof n==`string`?n:n?.id;if(typeof r!=`string`)return!1;let[i,a]=r.split(`#`,2);if(i!==t.id)return!1;let o=Array.isArray(e?.selector)?e.selector:e?.selector?[e.selector]:[];if(!o.length&&!a)return!0;let s=o.find(e=>e?.spatial||typeof e?.value==`string`&&e.value.startsWith(`xywh=`)),c=s?.spatial,l=a||s?.value;if(!c&&typeof l==`string`&&l.startsWith(`xywh=`)){let[e,t,n,r]=l.replace(/^xywh=(?:pixel:)?/,``).split(/[,&]/).slice(0,4).map(Number);c={x:e,y:t,width:n,height:r}}return c?Number(c?.x)===0&&Number(c?.y)===0&&Number(c?.width)===Number(t?.width)&&Number(c?.height)===Number(t?.height):!1}function Wa(e,t){return Array.isArray(e)?e.map(e=>Ua(e,t)?Wa(e,t):e):typeof e==`string`?t.id:e?.type===`SpecificResource`?{...e,source:typeof e.source==`string`?t.id:e.source?.id?.includes(`#`)?{...e.source,id:t.id}:e.source,selector:void 0}:e}function Ga(e,t,n,r){let i=Ka(e.source.id),a=i||(0,S.createImageServiceRequest)(Ya(e.service)),o=n===void 0?i?.rotation||{angle:0}:qa(n);return(0,S.imageServiceRequestToString)({...a,type:`image`,region:t?{x:t.x,y:t.y,w:t.width,h:t.height}:{full:!0},size:r?{max:!1,confined:!1,upscaled:!1,width:r}:{max:!0,confined:!1,upscaled:!1},rotation:o,quality:i?.quality||`default`,format:i?.format||`jpg`})}function Ka(e){if(typeof e!=`string`)return null;try{let t=(0,S.parseImageServiceRequest)(e);return t.type===`image`?t:null}catch{return null}}function qa(e){let t=String(e??0),n=Number(t.replace(/^!/,``));return{angle:Number.isFinite(n)?n:0,...t.startsWith(`!`)?{mirror:!0}:{}}}function Ja(e){let t=Number(String(e??0).replace(/^!/,``)),n=Number.isFinite(t)?(t%360+360)%360:0;return[0,90,180,270].includes(n)?n:0}function Ya(e){return{...e,id:e.id||e[`@id`],type:e.type||e[`@type`]}}function Xa(e,t){let n=0;for(let r of t?.items||[]){let t=e.get(r,{skipSelfReturn:!1})||r;for(let r of t?.items||[]){let t=e.get(r,{skipSelfReturn:!1})||r;(Array.isArray(t?.motivation)?t.motivation:[t?.motivation]).includes(`painting`)&&n++}}return n}const Za={id:`@exhibition/image-crop-editor`,label:`Media`,supports:{edit:!0,sortKey:`annotation-target`,properties:[`body`],resourceTypes:[`Annotation`],custom:({resource:e},t)=>{let n=t.get(e,{skipSelfReturn:!1});return!!(n&&wa(n,e=>oo(t,e)))}},component:()=>(0,p.jsx)(Qa,{})};function Qa(){let e=(0,d.useVault)(),t=(0,l.useEditor)(),n=(0,d.useCanvas)({id:t.annotation.target.getSourceId()}),r=e.get(t.ref(),{skipSelfReturn:!1}),i=r?wa(r,t=>oo(e,t)):null,a=Ta(i?.selector.region),o=(0,m.useRef)(null),[s,c]=(0,m.useState)(!1),[f,g]=(0,m.useState)(!1),[_,v]=(0,m.useState)(null),y=Ja(i?.selector.rotation),b=async t=>{if(!(!i||!n||t===y)){g(!0),v(null);try{let r=await Ba(i.service);Na(e,{...i,service:r},n,t)}catch(e){v(e instanceof Error?e.message:`The rotation could not be saved`)}finally{g(!1)}}},x=()=>{c(!1),requestAnimationFrame(()=>o.current?.querySelector(`button`)?.focus())};if(!i||!n)return null;let S=(0,p.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[a?(0,p.jsxs)(`dl`,{className:`grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 rounded border border-gray-200 bg-gray-50 p-3 text-sm`,children:[(0,p.jsx)(`dt`,{className:`font-semibold text-gray-700`,children:`Position`}),(0,p.jsxs)(`dd`,{className:`text-gray-600`,children:[a.x,`, `,a.y]}),(0,p.jsx)(`dt`,{className:`font-semibold text-gray-700`,children:`Size`}),(0,p.jsxs)(`dd`,{className:`text-gray-600`,children:[a.width,` × `,a.height]})]}):(0,p.jsx)(`p`,{className:`rounded border border-gray-200 bg-gray-50 p-3 text-sm text-gray-600`,children:`This image currently uses the full image. Create a crop to select a smaller visible region.`}),(0,p.jsx)(`span`,{ref:o,children:(0,p.jsx)(h.ActionButton,{onPress:()=>c(!0),children:a?`Edit crop`:`Create crop`})})]}),C=(0,p.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,p.jsx)(`div`,{className:`grid grid-cols-4 gap-2`,"aria-label":`Image rotation`,children:[0,90,180,270].map(e=>(0,p.jsxs)(h.ActionButton,{"aria-pressed":e===y,primary:e===y,isDisabled:f,onPress:()=>b(e),children:[e,`°`]},e))}),_?(0,p.jsx)(`p`,{className:`text-sm text-red-700`,children:_}):null]});return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(u.MediaEditor,{additionalSections:[{label:`Image crop`,initialOpen:!!a,children:S},{label:`Image rotation`,initialOpen:y!==0,children:C}]}),s?(0,p.jsx)($a,{crop:i,canvas:n,onClose:x,vault:e}):null]})}function $a({crop:e,canvas:t,vault:n,onClose:r}){let[i,a]=(0,m.useState)(()=>za(e.service)?e.service:null),[o,s]=(0,m.useState)(null),[c,l]=(0,m.useState)(!1),[u,d]=(0,m.useState)(!1);(0,m.useEffect)(()=>{let t=!0;return Ba(e.service).then(e=>{t&&a(e)}).catch(e=>{t&&s(e instanceof Error?e.message:`Unable to load the image service`)}),()=>{t=!1}},[e.service]);let f=za(i),g=Ta(e.selector.region)||(f?{x:0,y:0,width:f.width,height:f.height}:null),_=f?Fa(f.width,f.height,e.selector.rotation):null,v=f&&g?La(g,f,e.selector.rotation):null,y=i?.id||i?.[`@id`],b=(0,m.useCallback)(async a=>{if(a.cancelled||!a.boundingBox||!f)return l(!1);d(!0),s(null);try{Aa(n,{...e,service:i},t,{...a,boundingBox:Ra(a.boundingBox,f,e.selector.rotation)}),r()}catch(e){s(e instanceof Error?e.message:`The crop could not be saved`),d(!1)}},[t,e,r,i,n]),x=(0,m.useCallback)(e=>s(e),[]);return(0,p.jsx)(h.Modal,{title:Ta(e.selector.region)?`Edit image crop`:`Create image crop`,onClose:r,className:`max-w-5xl`,height:`80vh`,disableAnimation:!0,children:(0,p.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col p-4`,children:[o?(0,p.jsx)(ao,{message:o}):f&&_&&v&&y?(0,p.jsxs)(`div`,{className:`relative min-h-0 flex-1 overflow-hidden rounded border border-gray-200 bg-gray-950`,children:[(0,p.jsx)(eo,{crop:e,service:i,dimensions:_,initialRegion:v,editing:c,onEditingChange:l,onResolve:b,onError:x}),u?(0,p.jsx)(`div`,{className:`absolute inset-0 z-20 grid place-items-center bg-black/40 text-sm font-semibold text-white`,children:`Saving crop…`}):null]}):(0,p.jsx)(`div`,{className:`grid min-h-[20rem] flex-1 place-items-center text-sm text-gray-500`,children:`Loading full image…`}),(0,p.jsx)(`div`,{className:`mt-3 flex justify-end`,children:(0,p.jsx)(h.ActionButton,{onPress:r,children:`Cancel`})})]})})}function eo({crop:e,service:t,dimensions:n,initialRegion:r,editing:i,onEditingChange:a,onResolve:o,onError:s}){let c=(0,m.useRef)(()=>void 0),l=(0,m.useMemo)(()=>to(e,t,n,e.selector.rotation),[e.annotationRef.id,e.selector.rotation,n.height,n.width,t]),u=(0,m.useMemo)(()=>{let e=new j.Vault;return e.loadManifestSync(l.id,l),e},[l]),f=(0,m.useMemo)(()=>function(){return(0,p.jsx)(no,{bounds:{x:0,y:0,width:n.width,height:n.height},initialRegion:r,changeCropRef:c,onEditingChange:a,onResolve:o,onError:s})},[n.height,n.width,r.height,r.width,r.x,r.y,a,s,o]);return(0,p.jsx)(d.VaultProvider,{vault:u,children:(0,p.jsx)(d.AtlasStoreReactContext.Provider,{value:null,children:(0,p.jsx)(d.CanvasPanel,{manifest:l.id,startCanvas:l.items[0].id,pagingEnabled:!1,padding:0,components:{ViewerControls:f},annotations:i?null:(0,p.jsx)(ro,{region:r,onChange:()=>c.current()})})})})}function to(e,t,n,r){let i=`${e.annotationRef.id}/crop-editor/manifest`,a=`${i}/canvas`,o=`${a}/painting-page`;return{"@context":`http://iiif.io/api/presentation/3/context.json`,id:i,type:`Manifest`,label:{en:[`Image crop editor`]},items:[{id:a,type:`Canvas`,width:n.width,height:n.height,items:[{id:o,type:`AnnotationPage`,items:[{id:`${o}/painting`,type:`Annotation`,motivation:`painting`,target:a,body:{id:Va(t,r),type:`Image`,format:`image/jpeg`,width:n.width,height:n.height}}]}]}]}}function no({bounds:e,initialRegion:t,changeCropRef:n,onEditingChange:r,onResolve:i,onError:a}){let o=(0,m.useMemo)(()=>(0,p.jsx)(io,{}),[]),{requestAnnotation:s,cancelRequest:c,requestId:l,isActive:u,busy:f}=(0,d.useRequestAnnotation)(),g=(0,m.useRef)(c);g.current=c,(0,m.useEffect)(()=>()=>g.current(),[]);let _=()=>{r(!0),s({type:`box`,bounds:e,selector:t,annotationPopup:o}).then(e=>{if(e)return i(e);r(!1)}).catch(e=>{r(!1),a(e instanceof Error?e.message:`The crop editor could not be opened`)})};return n.current=_,u?null:(0,p.jsx)(`div`,{className:`absolute bottom-3 right-3 z-20 rounded bg-white p-2 shadow-lg`,children:(0,p.jsx)(h.ActionButton,{primary:!0,isDisabled:!l||f,onPress:_,children:`Change crop`})})}function ro({region:e,onChange:t}){return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`box`,{html:!0,relativeStyle:!0,interactive:!1,target:e,style:{backgroundColor:`rgba(250, 204, 21, 0.18)`,border:`6px solid #facc15`,boxShadow:`inset 0 0 0 2px #111827, inset 0 0 20px rgba(250, 204, 21, 0.65)`,boxSizing:`border-box`}}),(0,p.jsx)(M.HTMLPortal,{target:e,relative:!0,interactive:!0,children:(0,p.jsx)(`button`,{type:`button`,"aria-label":`Change crop`,title:`Change crop`,onClick:t,className:`absolute inset-0 cursor-pointer bg-transparent text-left`,style:{border:0,padding:0},children:(0,p.jsx)(`span`,{className:`absolute left-2 top-2 rounded px-3 py-1.5 text-sm font-semibold shadow-lg`,style:{background:`rgba(17, 24, 39, 0.94)`,border:`2px solid #fde047`,color:`#fde047`},children:`Change crop`})})})]})}function io(){let{saveAnnotation:e,cancelRequest:t}=(0,d.useCurrentAnnotationActions)();return(0,p.jsxs)(`div`,{className:`flex gap-2 rounded bg-white p-2 shadow-lg`,children:[(0,p.jsx)(h.ActionButton,{onPress:()=>t(),children:`Discard`}),(0,p.jsx)(h.ActionButton,{primary:!0,onPress:e,children:`Confirm`})]})}function ao({message:e}){return(0,p.jsx)(`div`,{role:`alert`,className:`grid min-h-[20rem] place-items-center rounded border border-red-200 bg-red-50 p-6 text-center text-sm text-red-800`,children:(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`div`,{className:`font-semibold`,children:`The full image could not be loaded`}),(0,p.jsx)(`div`,{className:`mt-1`,children:e})]})})}function oo(e,t){return t?.id&&e.get(t,{preserveSpecificResources:!0,skipSelfReturn:!1})||t}function so(e){return(0,p.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,...e,children:(0,p.jsx)(`path`,{fill:`currentColor`,d:`M9 16.17L4.83 12l-1.42 1.41L9 19L21 7l-1.41-1.41z`})})}function co({value:e,onChange:t}){let[n]=(0,m.useState)(()=>fr(e)),r=(0,m.useRef)(e);return(0,p.jsx)(lo,{label:n.label??``,summary:n.summary,onChange:({label:e,summary:n})=>{r.current=pr(e,n),t(r.current)}})}function lo({label:e,summary:t,onChange:n}){let[r,i]=(0,m.useState)(e),a=(0,m.useRef)(e),o=(0,m.useRef)(t),s=(e,t)=>{n({label:e,summary:t})};return(0,p.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,p.jsxs)(`label`,{className:`block text-sm font-medium text-slate-700`,children:[`Label`,(0,p.jsx)(`input`,{className:`mt-1 w-full rounded border border-slate-200 bg-white px-3 py-2 text-sm text-slate-900 outline-none focus:border-me-primary-400 focus:ring-1 focus:ring-me-primary-100`,value:r,onChange:e=>{let t=e.currentTarget.value;a.current=t,i(t),s(t,o.current)}})]}),(0,p.jsxs)(`div`,{className:`block text-sm font-medium text-slate-700`,children:[`Summary`,(0,p.jsx)(`div`,{className:`mt-1`,children:(0,p.jsx)(h.HTMLEditor,{value:o.current,onChange:e=>{o.current=e,s(a.current,e)}})})]})]})}function uo({value:e}){let{label:t,summary:n}=fr(e);return(0,p.jsx)(fo,{label:t??``,summary:n})}function fo({label:e,summary:t}){return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`div`,{className:`whitespace-nowrap overflow-ellipsis w-full overflow-x-hidden`,children:e||(0,p.jsx)(`span`,{className:`opacity-50`,children:`Untitled`})}),(0,p.jsx)(`div`,{className:`exhibition-tour-step-body text-gray-500 text-sm bg-white line-clamp-2 prose-headings:mt-1 prose-headings:mb-1 prose-sm`,dangerouslySetInnerHTML:{__html:nr(t)}})]})}function po(){let e=(0,l.useAtlasStore)(),t=(0,f.useStore)(e,e=>e.polygon),[n,r]=(0,d.useCurrentAnnotationMetadata)(),{cancelRequest:i,saveAnnotation:a}=(0,d.useCurrentAnnotationActions)();return(0,p.jsxs)(`div`,{className:`border border-gray-300 hover:border-me-500 shadow-sm rounded bg-white relative`,children:[(0,p.jsxs)(`div`,{className:`bg-me-primary-500 text-white p-2 m-1 rounded flex gap-2`,children:[(0,p.jsx)(h.TargetIcon,{}),`Draw a box on the canvas`]}),(0,p.jsx)(`div`,{className:`p-3`,children:(0,p.jsx)(co,{value:n.bodyValue??`<p>Description</p>`,onChange:e=>r({bodyValue:e})})}),(0,p.jsxs)(`div`,{className:`flex gap-2 p-3`,children:[(0,p.jsxs)(h.ActionButton,{isDisabled:t?.points.length===0,onPress:()=>a(),children:[(0,p.jsx)(so,{}),` Finish editing`]}),(0,p.jsxs)(h.ActionButton,{className:`gap-2 flex`,onPress:()=>i(),children:[(0,p.jsx)(h.DeleteIcon,{}),` Delete`]})]})]})}const mo=[{name:`Black`,value:`#121212`},{name:`Red`,value:`#E5484D`},{name:`Orange`,value:`#F76B15`},{name:`Amber`,value:`#FFB224`},{name:`Green`,value:`#46A758`},{name:`Teal`,value:`#12A594`},{name:`Blue`,value:`#0091FF`},{name:`Indigo`,value:`#3E63DD`},{name:`Purple`,value:`#8E4EC6`},{name:`Pink`,value:`#E93D82`}];function ho(e){if(!e)return;let t=e.match(/#[0-9a-fA-F]{3,8}|rgba?\([^)]*\)|hsla?\([^)]*\)/);return t?t[0]:void 0}function go(e,t){return!e||!t?!1:e.toLowerCase()===t.toLowerCase()}function _o(){let e=(0,d.useAnnotation)(),t=(0,l.useGenericEditor)(e)?.annotation?.target;if(!e||!t)return null;let n=t.getBoxStyle(),r=ho(n.border)??n.borderColor,i=e=>{e?t.setBorder(`3px solid ${e}`):t.setBorder(void 0)};return(0,p.jsx)(`span`,{title:`Choose a border colour for this tour step's highlight`,className:`inline-flex`,children:(0,p.jsxs)(v.DialogTrigger,{children:[(0,p.jsx)(v.Button,{"aria-label":`Tour step border colour`,className:`flex-none w-6 h-6 rounded-full border border-gray-300 shadow-sm cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-me-500`,style:r?{backgroundColor:r}:{backgroundImage:`linear-gradient(45deg, transparent 45%, #d1d5db 45%, #d1d5db 55%, transparent 55%)`}}),(0,p.jsx)(v.Popover,{placement:`bottom`,style:{zIndex:1000010},children:(0,p.jsx)(`div`,{className:`manifest-editor`,children:(0,p.jsx)(v.Dialog,{className:`outline-none bg-white rounded-lg shadow-lg border border-gray-200 p-2`,children:({close:e})=>(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`div`,{className:`text-[11px] font-semibold text-gray-500 px-1 pb-1.5`,children:`Border colour`}),(0,p.jsx)(`div`,{className:`grid grid-cols-5 gap-1.5`,children:mo.map(t=>{let n=go(r,t.value);return(0,p.jsx)(`button`,{type:`button`,"aria-label":t.name,title:t.name,onClick:()=>{i(t.value),e()},className:`w-6 h-6 rounded-full border cursor-pointer outline-none transition-transform hover:scale-110 focus-visible:ring-2 focus-visible:ring-me-500 ${n?`ring-2 ring-offset-1 ring-me-500 border-transparent`:`border-gray-300`}`,style:{backgroundColor:t.value}},t.value)})}),(0,p.jsx)(`button`,{type:`button`,title:`Remove the border colour`,onClick:()=>{i(null),e()},className:`mt-2 w-full text-[11px] text-gray-500 hover:text-me-500 rounded px-1 py-1 cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-me-500`,children:`None`})]})})})})]})})}function vo(e){let t=Array.isArray(e)?e:[];return t.includes(`left`)?`left`:t.includes(`right`)?`right`:``}function yo(e,t){let n=(Array.isArray(e)?e:[]).filter(e=>e!==`left`&&e!==`right`);return t&&n.push(t),n}function bo(e,t){let n=new Set(yt.map(e=>e.value)),r=(Array.isArray(e)?e:[]).filter(e=>!n.has(e));return t&&r.push(t),r}function xo({annotation:e}){let t=(0,d.useVault)(),n=(0,d.useCanvas)(),r=H(e=>e.selectTourStep),i=vo(e?.behavior),a=Sn(Array.isArray(n?.behavior)?n.behavior:[]),o=Array.isArray(e?.behavior)?e.behavior:[],s=o.some(e=>e.startsWith(`float-`)),c=Cn(o);if(!e?.id)return null;let l=()=>{r(e.id)},u=n=>{t.modifyEntityField({id:e.id,type:`Annotation`},`behavior`,yo(e.behavior,n)),l()};return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[a?null:(0,p.jsx)(`div`,{className:`grid grid-cols-3 overflow-hidden rounded border border-slate-200 text-xs font-semibold`,children:[{value:``,label:`Default`},{value:`left`,label:`Left`},{value:`right`,label:`Right`}].map(e=>(0,p.jsx)(`button`,{type:`button`,className:i===e.value?`bg-me-primary-500 px-2 py-1 text-white`:`bg-white px-2 py-1 text-slate-700`,onClick:()=>u(e.value),children:e.label},e.label))}),a?(0,p.jsx)(So,{value:s?c:``,onChange:n=>{t.modifyEntityField({id:e.id,type:`Annotation`},`behavior`,bo(e.behavior,n)),l()}}):null]})}function So({value:e,onChange:t}){let n=!!e;return(0,p.jsx)(`span`,{title:`Floating position override`,className:`inline-flex`,children:(0,p.jsxs)(v.DialogTrigger,{children:[(0,p.jsxs)(v.Button,{"aria-label":`Floating position override`,className:`relative inline-grid h-8 w-8 place-items-center rounded-md border bg-white shadow-sm outline-none transition-colors hover:border-me-primary-400 focus-visible:ring-2 focus-visible:ring-me-500 ${n?`border-me-primary-500 text-me-primary-600`:`border-slate-200 text-slate-500`}`,children:[(0,p.jsx)(xt,{position:e}),n?(0,p.jsx)(`span`,{className:`absolute -right-1 -top-1 h-2.5 w-2.5 rounded-full bg-me-primary-500 ring-2 ring-white`}):null]}),(0,p.jsx)(v.Popover,{placement:`bottom`,style:{zIndex:1000010},children:(0,p.jsx)(`div`,{className:`manifest-editor`,children:(0,p.jsx)(v.Dialog,{className:`rounded-lg border border-slate-200 bg-white p-2 shadow-lg outline-none`,children:({close:n})=>(0,p.jsx)(`div`,{className:`grid grid-cols-3 gap-1`,children:Ct(`No override`).map(r=>(0,p.jsx)(`button`,{type:`button`,"aria-label":r.label,title:r.label,onClick:()=>{t(r.value),n()},className:`grid h-8 w-8 place-items-center rounded-md border outline-none transition-colors hover:border-me-primary-400 hover:bg-me-primary-50 focus-visible:ring-2 focus-visible:ring-me-500 ${e===r.value?`border-me-primary-500 bg-me-primary-50 text-me-primary-600`:`border-slate-200 bg-white text-slate-500`}`,children:(0,p.jsx)(xt,{position:r.value})},r.value||`none`))})})})})]})})}function Co({editAlignment:e=!1,highlightProps:t,index:n=0,tourStyle:r=`linear`,useSlideshowWorkbench:i=!1}){let a=(0,d.useAnnotation)(),o=(0,d.useVault)(),s=wo(a?.body||[],o),c=(0,m.useRef)(s?.resource?.value||``),l=H(e=>e.startTourStepRepositioning),f=H(e=>e.selectTourStep),g=U(e=>e.requestTab),_=U(e=>e.setShowTourSteps),{target:v,isPending:y,cancelRequest:b,busy:x,requestAnnotationFromTarget:S,deleteAnnotation:C}=(0,u.useAnnotationEditor)(),w=!v,[T,E]=(0,m.useState)(!1),D=()=>(a?.id&&f(a.id),!i||!a?.id?!1:(_(!0),l(a.id),g(`tour`),!0));return(0,m.useEffect)(()=>{T||(c.current=s?.resource?.value||``)},[s?.resource?.value,T]),(0,m.useEffect)(()=>{T&&!y&&E(!0)},[y,T]),(0,p.jsxs)(`div`,{...t,className:`exhibition-tour-step-card border shadow-sm rounded bg-white relative ${r===`non-linear`?`border-gray-900 hover:border-black`:`border-gray-300 hover:border-me-500`}`,onClick:D,children:[(0,p.jsx)(`div`,{className:`absolute right-3 top-3 z-10 rounded-full px-2 py-1 text-xs font-semibold`,style:{backgroundColor:`#f5f5f5`,color:`#b84c74`},children:r===`non-linear`?`Point ${n+1}`:`Step ${n+1}`}),(0,p.jsxs)(`div`,{className:`relative`,children:[w?(0,p.jsx)(`div`,{className:`mx-3 mt-3 rounded border border-amber-300 bg-amber-50 px-3 py-2 text-xs text-amber-900`,children:`Invalid region. Select Edit to draw a new region.`}):null,T?(0,p.jsx)(`div`,{className:`p-3`,children:(0,p.jsx)(co,{value:s?.resource?.value||``,onChange:e=>c.current=e})}):(0,p.jsx)(`div`,{className:`px-3 pt-3`,children:(0,p.jsx)(uo,{value:s?.resource?.value||``})})]}),(0,p.jsxs)(`div`,{className:`flex gap-2 p-2`,onClick:e=>e.stopPropagation(),children:[T&&y?(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(h.ActionButton,{primary:!0,onPress:()=>{Eo(o,a,s,c.current),E(!1),b()},children:[(0,p.jsx)(so,{}),` Finish editing`]})}):(0,p.jsxs)(h.ActionButton,{isDisabled:x,onPress:()=>{i&&a?.id&&(_(!0),l(a.id),g(`tour`)),E(!0),S().then(()=>{E(!1)})},children:[(0,p.jsx)(h.EditTextIcon,{}),` Edit`]}),(0,p.jsxs)(h.ActionButton,{className:`gap-2 flex`,onPress:()=>C(),children:[(0,p.jsx)(h.DeleteIcon,{}),` Delete`]}),(0,p.jsxs)(`div`,{className:`ml-auto flex items-center gap-2`,children:[e?(0,p.jsx)(xo,{annotation:a}):null,(0,p.jsx)(_o,{})]})]}),r===`linear`?(0,p.jsx)(`div`,{className:`absolute -bottom-5 left-5 h-5 border-l-2 border-gray-300 w-0`}):null]})}function wo(e,t){for(let n=0;n<e.length;n++){let r=e[n],i=To(r,t);if(i?.type===`TextualBody`||i?.type===`Text`||i?.format===`text/html`)return{ref:r?.id?{id:r.id,type:`ContentResource`}:null,resource:i,bodyIndex:n}}return null}function To(e,t){return!e?.id||e.value?e:t.get(e,{skipSelfReturn:!1})||e}function Eo(e,t,n,r){if(!t||!n)return;if(n.ref?.id){e.modifyEntityField(n.ref,`value`,r);return}let i=Array.isArray(t.body)?t.body:[];e.modifyEntityField({id:t.id,type:`Annotation`},`body`,[...i.slice(0,n.bodyIndex),{...n.resource,value:r},...i.slice(n.bodyIndex+1)])}function Do({editAlignment:e=!1,originalAnnotationId:t,highlightProps:n,index:r=0,tourStyle:i=`linear`,useSlideshowWorkbench:a=!1}){let o=(0,d.useAnnotationPage)(),s=(0,l.useGenericEditor)(o),c=(0,d.useAnnotation)(),u=(0,d.useCanvas)(),f=(0,d.useVault)(),{edit:g}=(0,l.useLayoutActions)(),[_,v]=(0,m.useState)(!1),y=(0,m.useRef)(Oo(c?.label)),b=(0,m.useRef)(Oo(c?.summary)),x=H(e=>e.selectTourStep),S=H(e=>e.startTourStepRepositioning),C=U(e=>e.requestTab),w=U(e=>e.setShowTourSteps),T=u?.items?.[0],E=T?.id&&c?.id?(f.get(T)?.items||[]).findIndex(e=>e.id===c.id):-1,D=()=>{if(t&&confirm(`Are you sure you want to delete this annotation?`)){let e=s.structural.items.getWithoutTracking().findIndex(e=>e.id===t);s.structural.items.deleteAtIndex(e)}},O=()=>(t&&x(t),!a||!t?!1:(w(!0),S(t),C(`tour`),!0)),k=()=>{c&&(f.modifyEntityField({id:c.id,type:`Annotation`},`label`,{en:[y.current]}),f.modifyEntityField({id:c.id,type:`Annotation`},`summary`,er({en:[b.current]})))};return(0,p.jsxs)(`div`,{...n,className:`exhibition-tour-step-card border shadow-sm rounded bg-white relative ${i===`non-linear`?`border-gray-900 hover:border-black`:`border-gray-300 hover:border-me-500`}`,onClick:O,children:[(0,p.jsx)(`div`,{className:`absolute right-3 top-3 z-10 rounded-full px-2 py-1 text-xs font-semibold`,style:{backgroundColor:`#f5f5f5`,color:`#b84c74`},children:i===`non-linear`?`Point ${r+1}`:`Step ${r+1}`}),(0,p.jsx)(`div`,{className:`flex gap-2 mb-2 p-3`,children:(0,p.jsx)(`div`,{className:`flex-1 min-w-0`,children:_?(0,p.jsx)(`div`,{className:`flex flex-col gap-3`,children:(0,p.jsx)(lo,{label:y.current,summary:b.current,onChange:({label:e,summary:t})=>{y.current=e,b.current=t}})}):(0,p.jsx)(fo,{label:Oo(c?.label),summary:Oo(c?.summary)})})}),(0,p.jsxs)(`div`,{className:`flex gap-2 p-2`,onClick:e=>e.stopPropagation(),children:[_?(0,p.jsxs)(h.ActionButton,{primary:!0,onPress:()=>{k(),v(!1)},children:[(0,p.jsx)(so,{}),` Finish editing`]}):(0,p.jsxs)(h.ActionButton,{onPress:()=>v(!0),children:[(0,p.jsx)(h.EditTextIcon,{}),` Edit`]}),(0,p.jsxs)(h.ActionButton,{className:`gap-2 flex`,onPress:()=>D(),children:[(0,p.jsx)(h.DeleteIcon,{}),` Delete`]}),(0,p.jsx)(h.ActionButton,{onPress:()=>{O()||c&&g({id:c.id,type:`Annotation`},T?{parent:T,property:`items`,index:E}:void 0,{forceOpen:!0})},children:`Edit annotation`}),e?(0,p.jsx)(`div`,{className:`ml-auto flex items-center`,children:(0,p.jsx)(xo,{annotation:c})}):null]}),i===`linear`?(0,p.jsx)(`div`,{className:`absolute -bottom-5 left-5 h-5 border-l-2 border-gray-300 w-0`}):null]})}function Oo(e){if(!e)return``;if(typeof e==`string`)return e;if(Array.isArray(e))return e.find(e=>typeof e==`string`)||``;let t=e.en||Object.values(e)[0];return Array.isArray(t)&&t.find(e=>typeof e==`string`)||``}function ko({editAlignment:e=!1,index:t=0,tourStyle:n=`linear`,useSlideshowWorkbench:r=!1}){let[i,{annotationTarget:a,highlightProps:o}]=(0,u.useAnnotationInfo)(),s=(0,m.useMemo)(()=>a?{id:a,type:`Annotation`}:{id:i?.id,type:`Annotation`},[i?.id,a]);return a?(0,p.jsx)(l.ResourceEditingProvider,{resource:s,children:(0,p.jsx)(d.AnnotationContext,{annotation:a,children:(0,p.jsx)(Do,{editAlignment:e,originalAnnotationId:i?.id,highlightProps:o,index:t,tourStyle:n,useSlideshowWorkbench:r})})}):(0,p.jsx)(l.ResourceEditingProvider,{resource:s,children:(0,p.jsx)(Co,{editAlignment:e,highlightProps:o,index:t,tourStyle:n,useSlideshowWorkbench:r})})}function Ao({editAlignment:e=!1,reorderable:t=!1,tourStyle:n=`linear`,useSlideshowWorkbench:r=!1}){let i=(0,d.useAnnotationPage)(),a=(0,l.useGenericEditor)(i);return i?t?(0,p.jsx)(p.Fragment,{children:(0,p.jsx)(u.ReorderList,{id:i.id,marginBottom:`0.5em`,items:i.items||[],inlineHandle:!1,reorder:({startIndex:e,endIndex:t})=>a.structural.items.reorder(e,t),renderItem:(t,i)=>(0,p.jsx)(d.AnnotationContext,{annotation:t.id,children:(0,p.jsx)(ko,{index:i,tourStyle:n,editAlignment:e,useSlideshowWorkbench:r})})})}):(0,p.jsx)(p.Fragment,{children:i.items.map((t,i)=>(0,p.jsx)(d.AnnotationContext,{annotation:t.id,children:(0,p.jsx)(ko,{index:i,tourStyle:n,editAlignment:e,useSlideshowWorkbench:r})},t.id))}):null}function jo(e){return e&&[e.x,e.y,e.width,e.height].every(Number.isFinite)&&e.width>0&&e.height>0}function Mo(e){return!e||Array.isArray(e.points)&&e.points.length&&e.points.every(e=>Array.isArray(e)&&Number.isFinite(e[0])&&Number.isFinite(e[1]))}function No(e){if(e?.type===`FragmentSelector`){let t=e.value?.replace(/^xywh=/,``).split(`,`).map(Number);return t?.length===4&&t.every(Number.isFinite)&&t[2]>0&&t[3]>0}return e?.type===`SvgSelector`&&typeof e.value==`string`&&!/\b(?:NaN|Infinity|undefined)\b/.test(e.value)}function Po(e,t){let n=Number(t?.width)||1920,r=Number(t?.height)||1080,i=e?.boundingBox;if(Mo(e?.polygon)&&jo(i)&&i.x>=0&&i.y>=0&&i.x+i.width<=n&&i.y+i.height<=r&&No(e?.target))return e;let a=Be(t,jo(e?.boundingBox)?e.boundingBox:{x:0,y:0,width:n,height:r});return{...e,polygon:null,boundingBox:a,target:{type:`FragmentSelector`,value:`xywh=${a.x},${a.y},${a.width},${a.height}`}}}const Fo={id:`@exhibition/tour-steps`,supports:{edit:!0,properties:[`annotations`,`behavior`],resourceTypes:[`Canvas`],custom:({resource:e},t)=>mt(e,t)?!t.get(e)?.behavior?.includes(`splash`)&&!ht(e,t)&&!gt(e,t):!1},label:`Tour steps`,component:()=>(0,p.jsx)(Io,{})};function Io({mode:e=`advanced`}){let t=(0,d.useCanvas)(),n=t?.annotations[0],r=t?.items[0];return!n||!t||!r?(0,p.jsx)(Lo,{}):(0,p.jsx)(h.Sidebar,{children:(0,p.jsx)(h.SidebarContent,{padding:!0,children:(0,p.jsx)(Ro,{mode:e})})})}function Lo(){let e=(0,d.useCanvas)(),t=(0,l.useInlineCreator)(),n=()=>{e&&t.create(`@manifest-editor/empty-annotation-page`,{label:{en:[`Tour steps`]}},{target:{id:e.id,type:`Canvas`},targetType:`AnnotationPage`,parent:{property:`annotations`,resource:{id:e.id,type:`Canvas`}}})};return(0,p.jsxs)(`div`,{className:`flex flex-col items-center justify-center p-4`,children:[(0,p.jsx)(`div`,{className:`p-4 opacity-50 text-center`,children:`This image does not yet have a tour.`}),(0,p.jsx)(v.Button,{className:`border w-full disabled:opacity-50 border-gray-300 hover:border-me-500 hover:bg-me-50 cursor-pointer shadow-sm rounded p-4 bg-white relative text-[#6a625c] hover:text-me-500`,onPress:()=>n(),children:`Create Tour`})]})}function Ro({mode:e,useSlideshowWorkbench:t=!1}){let n=(0,d.useCanvas)(),r=(0,l.useEditor)(),i=n?.annotations?.[0],a=n?.items?.[0],[o,s]=(0,m.useState)(!1),[c,f]=(0,m.useState)(!1),g=(0,l.useApp)(),_=Zt(V()?.type,g.metadata.id),y=_===`slideshow`,b=Array.isArray(n?.behavior)?n.behavior:[],x=_===`scroll`||Sn(b),S=U(e=>e.setShowTourSteps),C=U(e=>e.setCenterPanelMode),w=H(e=>e.stopRepositioning),T=H(e=>e.stopTextRepositioning);(0,m.useEffect)(()=>{S(!0),C(`edit`),w(),T()},[C,S,w,T]);let{requestTourStep:E,isPending:D,busy:O}=Bo({onBeforeRequest:t?()=>{S(!0),C(`edit`),w(),T()}:void 0}),k=()=>{f(e=>{let t=!e;return C(t?`preview`:`edit`),t})};if(!n)return null;if(!i)return(0,p.jsx)(Lo,{});let A=e===`advanced`&&!!a,j=r.technical.type===`Canvas`&&r.technical.behavior.get()||[],M=y&&j.includes(`non-linear-tour`),N=j.includes(`tour-marker-pin`)?`pin`:`circle`,P=M?`non-linear`:`linear`,F=e=>{if(r.technical.type!==`Canvas`)return;let t=j.filter(e=>e!==Fn);r.technical.behavior.set(e?[...t,Fn]:t)},I=e=>{if(r.technical.type!==`Canvas`)return;let t=j.filter(e=>e!==In);r.technical.behavior.set(e===`pin`?[...t,In]:t)};return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(`div`,{className:`flex gap-4 border-b pt-4 pb-2 mb-2`,children:[(0,p.jsx)(`h2`,{className:`text-lg font-semibold flex-1`,children:`Tour steps`}),e===`advanced`&&!M?(0,p.jsx)(h.ActionButton,{onPress:()=>s(e=>!e),children:o?`Done`:`Reorder`}):null,e===`advanced`&&x?(0,p.jsx)(h.ActionButton,{onPress:k,children:c?`Done`:`Edit alignment`}):null]}),y?(0,p.jsxs)(`div`,{className:`mb-4 rounded border border-gray-200 bg-white p-3`,children:[(0,p.jsx)(`div`,{className:`mb-2 text-sm font-semibold text-gray-700`,children:`Tour style`}),(0,p.jsx)(_n,{checked:M,label:`Let visitors choose map points`,onChange:F}),(0,p.jsx)(`p`,{className:`mt-2 text-xs leading-relaxed text-gray-500`,children:`Shows all tour steps as markers that visitors can open in any order.`}),M?(0,p.jsxs)(`div`,{className:`mt-4 space-y-3 border-t border-gray-100 pt-3`,children:[(0,p.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,p.jsx)(`div`,{className:`text-sm font-semibold text-gray-700`,children:`Marker`}),(0,p.jsxs)(`div`,{role:`group`,"aria-label":`Tour marker style`,className:`inline-flex rounded-md border border-gray-200 bg-gray-50 p-0.5`,children:[(0,p.jsx)(zo,{selected:N===`circle`,onPress:()=>I(`circle`),children:`Circle`}),(0,p.jsx)(zo,{selected:N===`pin`,onPress:()=>I(`pin`),children:`Pin`})]})]}),(0,p.jsx)(`p`,{className:`text-xs leading-relaxed text-gray-500`,children:`Marker colour follows the exhibition theme annotation text colour.`})]}):null]}):null,(0,p.jsx)(l.ResourceEditingProvider,{resource:n,children:(0,p.jsxs)(d.AnnotationPageContext,{annotationPage:i.id,children:[(0,p.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,p.jsx)(`div`,{className:`text-sm font-semibold text-gray-700`,children:M?`Map points`:`Linear step list`}),(0,p.jsx)(Ao,{reorderable:e===`advanced`&&!M&&o,tourStyle:P,editAlignment:x&&c,useSlideshowWorkbench:t}),O?null:D?(0,p.jsx)(po,{}):(0,p.jsx)(v.Button,{onPress:E,className:`border disabled:opacity-50 border-gray-300 hover:border-me-500 hover:bg-me-50 cursor-pointer shadow-sm rounded p-4 bg-white relative text-[#6a625c] hover:text-me-500`,children:M?`+ Add map point`:`+ Add new step`})]}),A&&a?(0,p.jsx)(p.Fragment,{children:(0,p.jsx)(u.PromptToAddPaintingAnnotations,{title:(0,p.jsx)(`h3`,{className:`text-md border-b pt-4 pb-2 mb-2`,children:`Available tour steps from images`}),painting:a,page:i,canvasId:n.id})}):null]})})]})}function zo({children:e,selected:t,onPress:n}){return(0,p.jsx)(v.Button,{"aria-pressed":t,className:`rounded px-2.5 py-1 text-xs font-semibold transition-colors ${t?`bg-white text-me-primary-600 shadow-sm`:`text-gray-500 hover:text-gray-800`}`,onPress:n,children:e})}function Bo({onBeforeRequest:e}={}){let t=(0,d.useCanvas)(),n=t?.annotations?.[0],r=(0,l.useInlineCreator)(),{requestAnnotation:i,isPending:a,busy:o}=(0,d.useRequestAnnotation)({onSuccess:e=>{let i=e.metadata.bodyValue??`<p>Description</p>`;if(!e.cancelled&&e.target&&t&&n){let a=Po(e,t);r.create(`@manifest-editor/html-annotation`,{label:{en:[`Tour step`]},body:{en:[i]},motivation:`tagging`},{target:{id:t.id,type:`Canvas`},targetType:`Annotation`,parent:{property:`items`,resource:{id:n.id,type:`AnnotationPage`}},initialData:{selector:a}})}}});return{requestTourStep:()=>{e?.(),i({type:`box`})},isPending:a,busy:o,canRequestTourStep:!!(t&&n)}}function Vo(){let e=V(),t=(0,l.useEditor)(),n=t.technical.duration;return e?.type!==`slideshow`||t.technical.type!==`Canvas`?null:(0,p.jsxs)(u.InputContainer,{$wide:!0,id:n.containerId(),children:[(0,p.jsx)(u.InputLabel,{htmlFor:n.focusId(),children:`Slide duration`}),(0,p.jsx)(u.Input,{id:n.focusId(),min:0,type:`number`,value:n.get()||0,onChange:e=>{let t=e.currentTarget.valueAsNumber;Number.isFinite(t)&&n.set(t)}})]})}const Ho={id:`@exhibition/info-box-editor`,supports:{edit:!0,properties:[`label`,`behavior`],resourceTypes:[`Canvas`],custom:({resource:e},t)=>mt(e,t)?ht(e,t):!1},label:`Text box`,component:()=>(0,p.jsx)(Uo,{})};function Uo(){let[e,t]=(0,l.useLocalStorage)(`exhibition-info-box-mode`,`simple`),n=(0,d.useCanvas)(),r=(0,d.useVault)(),i=(0,d.useManifest)(),a=(0,l.useEditor)(),o=$t();if(!n||a.technical.type!==`Canvas`)return null;let s=a.technical.behavior.get()||[],c=jn(s)||12,f=e=>{let t=s.filter(e=>!e.startsWith(`w-`)&&!e.startsWith(`h-`)),n=s.find(e=>e.startsWith(`h-`));t.push(`w-${e}`),n||t.push(`h-4`),a.technical.behavior.set(t)},m=o.showGridSizing&&i?.items&&n?Mn(n.id,i.items,r):null;return(0,p.jsx)(h.Sidebar,{children:(0,p.jsxs)(h.SidebarContent,{className:`bg-white px-6 pt-5 pb-20`,children:[(0,p.jsx)(`div`,{className:`flex justify-center`,children:(0,p.jsx)(vn,{value:e,onChange:t})}),(0,p.jsxs)(`div`,{className:`mt-8 flex flex-col gap-7`,children:[(0,p.jsx)(Vo,{}),(0,p.jsx)(l.ResourceEditingProvider,{resource:n,children:e===`simple`?(0,p.jsxs)(K,{children:[(0,p.jsx)(q,{children:`Title`}),(0,p.jsx)(`div`,{className:`mt-2`,children:(0,p.jsx)(u.LanguageMapEditor,{dispatchType:`label`,disableMultiline:!0,disallowHTML:!0})})]}):(0,p.jsxs)(K,{children:[(0,p.jsx)(q,{children:`Label & summary`}),(0,p.jsxs)(`div`,{className:`mt-2 flex flex-col gap-3`,children:[(0,p.jsx)(u.LanguageMapEditor,{dispatchType:`label`,disableMultiline:!0,disallowHTML:!0}),(0,p.jsx)(ha,{resource:n})]})]})}),e===`simple`&&o.showGridSizing?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(K,{children:[(0,p.jsx)(q,{children:`Width`}),(0,p.jsx)(`div`,{className:`mt-3 grid grid-cols-2 gap-3`,children:An.map(e=>(0,p.jsx)(gn,{selected:c===e.value,onClick:()=>f(e.value),children:e.label},e.value))})]}),m?(0,p.jsxs)(K,{children:[(0,p.jsxs)(q,{children:[`Fit alongside `,m.neighbour,` slide`]}),(0,p.jsx)(`div`,{className:`mt-3`,children:(0,p.jsxs)(gn,{selected:c===m.width,onClick:()=>f(m.width),children:[`w-`,m.width,` — fills remaining space`]})})]}):null,(0,p.jsxs)(`div`,{className:`text-center text-xs`,style:{color:G.muted},children:[`w-`,c]})]}):e===`advanced`?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`div`,{className:`px-2`,children:(0,p.jsx)(u.InputContainer,{$wide:!0,children:(0,p.jsx)(u.DimensionsTriplet,{widthId:a.technical.width.containerId(),width:a.technical.width.get()||0,changeWidth:e=>a.technical.width.set(e),heightId:a.technical.height.containerId(),height:a.technical.height.get()||0,changeHeight:e=>a.technical.height.set(e)})})}),o.showGridSizing?(0,p.jsx)(u.BehaviorEditor,{behavior:s,onChange:e=>a.technical.behavior.set(e),configs:[{id:`size`,component:(e,t)=>(0,p.jsx)(cn,{behaviors:e,setBehaviors:t}),label:{en:[`Size`]},type:`custom`,initialOpen:!0,supports:e=>e.startsWith(`w-`)||e.startsWith(`h-`)}]}):null]}):null]})]})})}const Wo=`editorial-text`;function Go(){let e=(0,d.useCanvas)(),t=e?.items?.[0]?{id:e.items[0].id,type:`AnnotationPage`}:void 0,[,n]=(0,l.useCreator)(t,`items`,`Annotation`,e?{id:e.id,type:`Canvas`}:void 0,{isPainting:!0}),{selectedAnnotationId:r,repositioningAnnotationId:i,selectedTextRegion:a,repositioningTextRegion:o,selectAnnotation:s,startRepositioning:c,stopRepositioning:u,selectTextRegion:f,startTextRepositioning:m,stopTextRepositioning:h}=H(),g=U(e=>e.setShowTourSteps),_=(0,d.useVaultSelector)((t,n)=>e?Fe(n,e):[],[e?.id,t?.id]),v=ze(e).text,y=_.length||v;return!e||!t?(0,p.jsxs)(`div`,{children:[(0,p.jsx)(es,{children:`Content on this slide`}),(0,p.jsx)(`p`,{className:`exhibition-workbench-muted mt-2 text-sm leading-relaxed`,children:`This slide does not have a content layer yet.`})]}):(0,p.jsxs)(`div`,{className:`flex flex-col gap-5`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(es,{children:`Content on this slide`}),(0,p.jsx)(`p`,{className:`exhibition-workbench-muted mt-2 text-sm leading-relaxed`,children:`Select a painting annotation to highlight it in the workbench. Use the centre panel to add, position, and edit slide content.`})]}),y?(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[v?(0,p.jsx)(qo,{box:v,selected:a===Wo,repositioning:o===Wo,onSelect:()=>{g(!1),f(Wo)},onReposition:()=>{g(!1),m(Wo)},onStopReposition:h}):null,_.map((e,t)=>(0,p.jsx)(Ko,{layer:e,index:t,selected:r===e.annotation.id,repositioning:i===e.annotation.id,onSelect:()=>{g(!1),s(e.annotation.id)},onReposition:()=>{g(!1),c(e.annotation.id)},onStopReposition:u,onAdvancedEdit:()=>n.edit({id:e.annotation.id,type:`Annotation`},t)},e.annotation.id))]}):(0,p.jsx)(`div`,{className:`exhibition-slideshow-content-empty rounded-lg border border-dashed border-slate-200 bg-slate-50 p-4 text-sm`,children:`No painting annotations on this slide yet.`})]})}function Ko({layer:e,index:t,selected:n,repositioning:r,onSelect:i,onReposition:a,onStopReposition:o,onAdvancedEdit:s}){let c=(0,d.useVault)(),l=(0,u.useAnnotationThumbnail)({annotationId:e.annotation.id,options:{maxWidth:96,maxHeight:96}}),f=Qo(e.annotation,c),m=Yo(e,f),h=Xo(e,f,t),g=Zo(e,f,m);return(0,p.jsxs)(`div`,{className:[`exhibition-slideshow-content-item rounded-lg border bg-white p-3 transition`,n?`exhibition-slideshow-content-item-selected border-me-primary-500 bg-me-primary-50 ring-2 ring-me-primary-100`:`border-slate-200`].join(` `),children:[(0,p.jsxs)(v.Button,{className:`flex w-full items-center gap-3 border-none bg-transparent p-0 text-left`,onPress:i,children:[(0,p.jsx)(Jo,{thumbnailUrl:l?.id,type:m}),(0,p.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,p.jsx)(`span`,{className:`block text-[11px] font-semibold uppercase tracking-wide text-me-primary-500`,children:m}),(0,p.jsx)(`span`,{className:`mt-0.5 block truncate text-sm font-semibold`,children:h}),(0,p.jsx)(`span`,{className:`exhibition-workbench-muted mt-0.5 block truncate text-xs`,children:g})]})]}),(0,p.jsxs)(`div`,{className:`mt-3 flex items-center justify-between gap-3`,children:[(0,p.jsx)(`span`,{className:`exhibition-workbench-muted text-xs`,children:r?`Drag or resize in the workbench`:n?`Selected in workbench`:`Click to select on slide`}),(0,p.jsxs)(`div`,{className:`flex gap-2`,children:[(0,p.jsx)(v.Button,{className:`rounded-md border border-me-primary-200 bg-me-primary-50 px-3 py-1.5 text-xs font-semibold text-me-primary-600 transition hover:bg-me-primary-100`,onPress:r?o:a,children:r?`Done moving`:`Reposition`}),(0,p.jsx)(v.Button,{className:`rounded-md border border-slate-200 bg-white px-3 py-1.5 text-xs font-semibold text-slate-700 transition hover:bg-slate-50`,onPress:s,children:`Advanced edit`})]})]})]})}function qo({box:e,selected:t,repositioning:n,onSelect:r,onReposition:i,onStopReposition:a}){return(0,p.jsxs)(`div`,{className:[`exhibition-slideshow-content-item rounded-lg border bg-white p-3 transition`,t?`exhibition-slideshow-content-item-selected border-me-primary-500 bg-me-primary-50 ring-2 ring-me-primary-100`:`border-slate-200`].join(` `),children:[(0,p.jsxs)(v.Button,{className:`flex w-full items-center gap-3 border-none bg-transparent p-0 text-left`,onPress:r,children:[(0,p.jsx)(Jo,{type:`Text`}),(0,p.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,p.jsx)(`span`,{className:`block text-[11px] font-semibold uppercase tracking-wide text-me-primary-500`,children:`Editorial text`}),(0,p.jsx)(`span`,{className:`mt-0.5 block truncate text-sm font-semibold`,children:`Slide label and summary`}),(0,p.jsxs)(`span`,{className:`exhibition-workbench-muted mt-0.5 block truncate text-xs`,children:[`Position `,Math.round(e.x),`, `,Math.round(e.y),` ·`,` `,Math.round(e.width),` x `,Math.round(e.height)]})]})]}),(0,p.jsxs)(`div`,{className:`mt-3 flex items-center justify-between gap-3`,children:[(0,p.jsx)(`span`,{className:`exhibition-workbench-muted text-xs`,children:n?`Drag or resize in the workbench`:t?`Selected in workbench`:`Click to select on slide`}),(0,p.jsx)(v.Button,{className:`rounded-md border border-me-primary-200 bg-me-primary-50 px-3 py-1.5 text-xs font-semibold text-me-primary-600 transition hover:bg-me-primary-100`,onPress:n?a:i,children:n?`Done moving`:`Reposition`})]})]})}function Jo({thumbnailUrl:e,type:t}){return(0,p.jsx)(`div`,{className:`flex h-16 w-16 shrink-0 items-center justify-center overflow-hidden rounded-md bg-[#f8f6f3] text-xs font-semibold text-black/60 ring-1 ring-slate-200`,children:e?(0,p.jsx)(`img`,{alt:``,className:`h-full w-full object-cover`,src:e}):(0,p.jsx)(`span`,{children:t})})}function Yo(e,t){return e.imageUrl?`Image`:e.youtubeId?`YouTube`:e.videoUrl?`Video`:e.html===null?t?.type===`Canvas`?`Canvas`:t?.type?String(t.type):`Media`:`Text`}function Xo(e,t,n){let r=(0,u.getInternationalStringText)(t?.label,``),i=(0,u.getInternationalStringText)(e.annotation.label,``),a=e.html?$o(e.html).slice(0,80):``;return r||i||a||`${Yo(e,t)} layer ${n+1}`}function Zo(e,t,n){let r=`${Math.round(e.box.x)}, ${Math.round(e.box.y)} · ${Math.round(e.box.width)} x ${Math.round(e.box.height)}`;return[t?.format||t?.profile||t?.type||`${n} painting annotation`,`Position ${r}`].filter(Boolean).join(` · `)}function Qo(e,t){let n=Array.isArray(e?.body)?e.body[0]:e?.body;return(0,u.resolveContentResource)(t,n)}function $o(e){return e.replace(/<br\s*\/?>/gi,` `).replace(/<\/p>/gi,` `).replace(/<[^>]+>/g,` `).replace(/\s+/g,` `).trim()}function es({children:e}){return(0,p.jsx)(`div`,{className:`exhibition-workbench-muted text-sm font-semibold`,children:e})}const ts=[{id:`layout`,label:`Layout`},{id:`summary`,label:`Text content`},{id:`tour`,label:`Tour steps`}],ns=[{id:`layout`,label:`Layout`},{id:`content`,label:`Content`},{id:`summary`,label:`Text content`},{id:`tour`,label:`Tour steps`}],rs=[{value:`simple`,label:`Simple`},{value:`advanced`,label:`Advanced`}],is={track:`#f5eaf0`,active:`#b84c74`,inactiveText:`#8b3f61`,activeText:`#ffffff`,activeShadow:`0 1px 3px rgba(15, 23, 42, 0.18)`},as={id:`@exhibition/workbench-editor`,supports:{edit:!0,properties:[`label`,`summary`,`requiredStatement`,`behavior`,`annotations`],resourceTypes:[`Canvas`],custom:({resource:e},t)=>mt(e,t)?ht(e,t):!1},label:`Canvas`,component:()=>(0,p.jsx)(ss,{})},os={...as,id:`@exhibition/slideshow-workbench-editor`,supports:{...as.supports,custom:({resource:e},t)=>mt(e,t)},component:()=>(0,p.jsx)(ss,{preset:`slideshow`})};function ss({preset:e=`default`}){let[t,n]=(0,l.useLocalStorage)(`exhibition-right-panel-mode`,`simple`),r=(0,d.useCanvas)(),i=(0,d.useVault)(),a=!!r?.behavior?.includes(`info`),o=Ne(i,r),s=(0,m.useMemo)(()=>(e===`slideshow`?ns:ts).filter(e=>e.id!==`tour`||o),[e,o]),[c,u]=(0,m.useState)(`layout`),f=U(e=>e.requestedTab),g=U(e=>e.clearRequestedTab),_=U(e=>e.setShowTourSteps),v=U(e=>e.setCenterPanelMode);(0,m.useEffect)(()=>{c===`tour`?v(`edit`):(c===`layout`||c===`summary`)&&v(`preview`)},[]),(0,m.useEffect)(()=>{if(f&&s.some(e=>e.id===f)){let e=f;u(e),_(e===`tour`),e===`tour`?v(`edit`):(e===`layout`||e===`summary`)&&v(`preview`),g()}},[g,f,v,_,s]),(0,m.useEffect)(()=>{c===`tour`&&!o&&(u(`layout`),_(!1))},[c,_,o]);let y=e=>{u(e),_(e===`tour`),e===`tour`?v(`edit`):(e===`layout`||e===`summary`)&&v(`preview`)};return a?(0,p.jsx)(Uo,{}):(0,p.jsx)(h.Sidebar,{children:(0,p.jsxs)(h.SidebarContent,{className:`bg-white px-6 pt-5 pb-20`,children:[(0,p.jsx)(`div`,{className:`flex justify-center`,children:(0,p.jsx)(cs,{value:t,options:rs,onChange:n})}),(0,p.jsx)(`div`,{role:`tablist`,"aria-label":`Canvas editing sections`,className:[`mt-5 grid border-b border-[#e4ddd6]`,s.length===4?`grid-cols-4`:`grid-cols-3`].join(` `),children:s.map(e=>(0,p.jsx)(`button`,{type:`button`,id:`exhibition-workbench-tab-${e.id}`,role:`tab`,"aria-selected":c===e.id,"aria-controls":`exhibition-workbench-panel-${e.id}`,className:[`exhibition-workbench-tab`,`-mb-px border-b-[3px] border-transparent px-1 pb-3 text-center text-sm font-semibold`,c===e.id?`border-me-primary-500 text-me-primary-500`:`exhibition-workbench-muted`].join(` `),onClick:()=>y(e.id),children:e.label},e.id))}),(0,p.jsxs)(`div`,{id:`exhibition-workbench-panel-${c}`,role:`tabpanel`,"aria-labelledby":`exhibition-workbench-tab-${c}`,className:`mt-8 px-4`,children:[c===`layout`?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(ua,{}),(0,p.jsx)(Vo,{}),(0,p.jsx)(un,{mode:t,layoutContext:e===`slideshow`?`slideshow`:`default`})]}):null,c===`content`?(0,p.jsx)(Go,{}):null,c===`summary`?t===`simple`?(0,p.jsx)(ls,{}):(0,p.jsx)(pa,{}):null,c===`tour`?(0,p.jsx)(Ro,{mode:t,useSlideshowWorkbench:e===`slideshow`}):null]})]})})}function cs({value:e,options:t,onChange:n}){return(0,p.jsx)(`div`,{role:`group`,"aria-label":`Editing mode`,className:`grid w-full max-w-[240px] grid-cols-2 rounded-full p-1`,style:{backgroundColor:is.track},children:t.map(t=>{let r=e===t.value;return(0,p.jsx)(v.Button,{"aria-pressed":r,className:`border-none rounded-full bg-transparent px-4 py-2 text-sm font-semibold transition-colors`,style:{backgroundColor:r?is.active:`transparent`,color:r?is.activeText:is.inactiveText,boxShadow:r?is.activeShadow:`none`},onPress:()=>n(t.value),children:t.label},t.value)})})}function ls(){let e=(0,d.useCanvas)();return e?(0,p.jsx)(l.ResourceEditingProvider,{resource:e,children:(0,p.jsxs)(`div`,{className:`flex flex-col gap-7`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(us,{children:`Slide title`}),(0,p.jsx)(`div`,{className:`mt-2`,children:(0,p.jsx)(u.LanguageMapEditor,{dispatchType:`label`,disableMultiline:!0,disallowHTML:!0})})]}),(0,p.jsxs)(`div`,{children:[(0,p.jsx)(us,{children:`Slide summary`}),(0,p.jsx)(`div`,{className:`mt-2`,children:(0,p.jsx)(ha,{resource:e})})]}),(0,p.jsx)(ma,{})]})}):null}function us({children:e}){return(0,p.jsx)(`div`,{className:`exhibition-workbench-muted text-sm font-semibold`,children:e})}const ds=e=>(0,p.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 15 15`,...e,children:(0,p.jsx)(`path`,{fill:`currentColor`,d:`M4.5 1a2.5 2.5 0 0 0-2.45 2H0v1h2.05a2.5 2.5 0 0 0 4.9 0H15V3H6.95A2.5 2.5 0 0 0 4.5 1m6 8a2.5 2.5 0 0 0-2.45 2H0v1h8.05a2.5 2.5 0 0 0 4.9 0H15v-1h-2.05a2.5 2.5 0 0 0-2.45-2`})}),fs=(0,l.extendApp)((0,l.mapApp)(c,e=>({...e,layout:{...e.layout,creators:e.layout.creators?.map(e=>e.id===`@manifest-editor/iiif-browser-creator`?Pi(e):e)}})),{id:`exhibition-scrolling-editor`,title:`Exhibition Editor (scrolling)`,project:!0,projectType:`Manifest`},{preset:Gi,config:{editorConfig:{}},leftPanels:[Lr,Xr],leftPanelIds:[`left-panel-manifest`],centerPanels:[],annotations:[],background:[],canvasEditors:[],editors:[Ho,as,ga,en,da,Fo],creators:[Yi,ta,Ii,Ni,Ri,Hi,Qi]}),ps={id:`slideshow-canvas-editor`,label:`Slideshow canvas editor`,component:()=>(0,p.jsx)(ms,{}),supports:{strategy:(e,t,n)=>{let r=n.get(t.resource);return r?.type===`Canvas`&&_t(r)}}};function ms(){let e=(0,d.useCanvas)(),t=(0,d.useManifest)(),{edit:n}=(0,l.useLayoutActions)(),{rightPanel:r}=(0,l.useLayoutState)(),i=U(e=>e.centerPanelMode),a=(0,d.useCurrentAnnotationRequest)(),o=(0,u.useAnnotationEditing)(e=>e.annotationId),[s,c]=(0,m.useState)(1),f=t?.items?.findIndex(t=>t.id===e?.id),h=typeof f==`number`?t?.items?.[f-1]:void 0,g=typeof f==`number`?t?.items?.[f+1]:void 0;return e?a||o||i===`edit`||r.current===`@manifest-editor/editor`&&r.state?.currentTab?.startsWith(`@exhibition/tour-steps`)?(0,p.jsx)(u.CanvasPanelEditor,{asFallback:!0}):(0,p.jsxs)(`div`,{className:`exhibition-slideshow-current-canvas flex h-full min-h-0 flex-col bg-slate-100`,children:[(0,p.jsxs)(`div`,{className:`exhibition-slideshow-current-toolbar flex items-center gap-3 border-b border-slate-200 bg-white px-4 py-3 shadow-sm`,children:[(0,p.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,p.jsx)(d.LocaleString,{className:`block truncate text-sm font-semibold text-slate-800`,children:e.label})}),(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(hs,{onPress:()=>c(1),children:`Home`}),(0,p.jsx)(hs,{onPress:()=>c(e=>Math.max(.25,e-.25)),children:`-`}),(0,p.jsx)(hs,{onPress:()=>c(e=>Math.min(3,e+.25)),children:`+`}),(0,p.jsx)(hs,{isDisabled:!h,onPress:()=>h&&n({id:h.id,type:`Canvas`},void 0,{forceOpen:!1}),children:`Previous`}),(0,p.jsx)(hs,{isDisabled:!g,onPress:()=>g&&n({id:g.id,type:`Canvas`},void 0,{forceOpen:!1}),children:`Next`})]})]}),(0,p.jsx)(`div`,{className:`exhibition-slideshow-current-viewport min-h-0 flex-1 overflow-auto p-8`,children:(0,p.jsx)(`div`,{className:`exhibition-slideshow-current-preview mx-auto origin-top overflow-hidden rounded-md bg-white shadow-xl ring-1 ring-black/10`,style:{width:`min(100%, 1200px)`,aspectRatio:`${e.width||1920} / ${e.height||1080}`,transform:`scale(${s})`,transformOrigin:`top center`},children:(0,p.jsx)(d.CanvasContext,{canvas:e.id,children:(0,p.jsx)(Rn,{})})})})]}):null}function hs({children:e,isDisabled:t,onPress:n}){return(0,p.jsx)(v.Button,{className:`exhibition-slideshow-current-control rounded-md border border-slate-200 bg-white px-3 py-2 text-sm font-semibold text-slate-700 shadow-sm transition hover:bg-slate-50 disabled:cursor-not-allowed disabled:opacity-40`,isDisabled:t,onPress:n,children:e})}const gs=e=>(0,p.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 48 48`,...e,children:(0,p.jsxs)(`g`,{fill:`none`,stroke:`#000`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:4,children:[(0,p.jsx)(`path`,{d:`m20 8 4-4m0 0 4 4m-4-4v12M20 40l4 4m0 0 4-4m-4 4V32M40 20l4 4m0 0-4 4m4-4H32M8 20l-4 4m0 0 4 4m-4-4h12`}),(0,p.jsx)(`circle`,{cx:24,cy:24,r:2})]})}),_s=e=>(0,p.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,...e,children:(0,p.jsx)(`path`,{fill:`currentColor`,d:`M20 22H4q-.825 0-1.413-.588T2 20V8q0-.825.588-1.413T4 6h5.975v2H4v12h16v-3.975h2V20q0 .825-.588 1.413T20 22ZM4 20V8v8.025-.675V20Zm13-5.975-1.55-3.475L11.975 9l3.475-1.55L17 4l1.55 3.45L22 9l-3.45 1.55L17 14.025Z`})}),vs={skipEditingOnCreate:!0},ys={id:`@exhibitions/slideshow-center-panel`,label:`Slideshow workbench`,icon:(0,p.jsx)(_s,{}),render:()=>(0,p.jsx)(bs,{})};function bs(){let{structural:e,technical:t}=(0,l.useManifestEditor)(),n=e.items.get(),r={id:t.id.get(),type:`Manifest`};(0,d.useVault)();let[,i]=(0,l.useCreator)(r,`items`,`Canvas`,void 0,{isPainting:!0}),a=(0,u.useInStack)(`Canvas`),o=(0,l.useEditingStack)(),{edit:s}=(0,l.useLayoutActions)(),c=H(e=>e.clear),f=a?.resource.source.id||n[0]?.id,m=f?n.findIndex(e=>e.id===f):-1,g=m>=0?m:0,_=m>=0?n[m]:n[0]||null,v=()=>{i.createFiltered(`exhibition-slideshow-slide`,n.length?g+1:void 0)},y=(e,t,n=!1)=>{s({id:e.id,type:`Canvas`},{parent:r,property:`items`,index:t},{forceOpen:n})},b=(e,t)=>{c(),y(e,t)},x=t=>{let r=n[t];if(!r||!confirm(`Are you sure you want to delete this slide?`))return;let i=Or(n,_?.id,r.id);if(e.items.deleteAtIndex(t),_?.id!==r.id||(c(),o.close(),!i))return;let a=e.items.getWithoutTracking(),s=a.findIndex(e=>e.id===i),l=a[s];l&&y(l,s)},S=g>0?n[g-1]:void 0,C=g<n.length-1?n[g+1]:void 0;return n.length?(0,p.jsx)(xs,{children:(0,p.jsxs)(`div`,{className:`exhibition-slideshow-main flex min-h-full flex-col gap-6 pb-12 pt-16`,children:[(0,p.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3 px-8`,style:{paddingInlineStart:`calc(2rem + var(--manifest-editor-layout-left-sidebar-small, 0px))`,paddingInlineEnd:`calc(2rem + var(--manifest-editor-layout-right-sidebar-small, 0px))`},children:[(0,p.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,p.jsx)(`p`,{className:`text-sm font-semibold uppercase tracking-wider text-me-primary-500`,children:`Slideshow workbench`}),(0,p.jsx)(`h2`,{className:`exhibition-slideshow-heading truncate text-2xl font-bold text-slate-900`,children:_?(0,p.jsx)(d.CanvasContext,{canvas:_.id,children:(0,p.jsx)(Ss,{})}):`Slides`}),(0,p.jsxs)(`p`,{className:`exhibition-slideshow-muted mt-1 text-sm font-semibold text-slate-500`,children:[`Slide `,g+1,` of `,n.length]})]}),(0,p.jsx)(Cs,{current:g+1,total:n.length,onPrevious:S?()=>b(S,g-1):void 0,onNext:C?()=>b(C,g+1):void 0}),(0,p.jsx)(`div`,{children:(0,p.jsx)(h.ActionButton,{primary:!0,onPress:v,children:`Add new slide`})})]}),(0,p.jsxs)(`div`,{className:`flex flex-1 flex-col gap-5 px-8`,style:{paddingInlineStart:`calc(1.5rem + var(--manifest-editor-layout-left-sidebar-small, 0px))`,paddingInlineEnd:`calc(1.5rem + var(--manifest-editor-layout-right-sidebar-small, 0px))`},children:[(0,p.jsx)(`div`,{className:`exhibition-slideshow-preview-frame flex items-center justify-center overflow-hidden rounded-lg bg-slate-100`,children:_?(0,p.jsx)(d.CanvasContext,{canvas:_.id,children:(0,p.jsx)(Ts,{})}):null}),(0,p.jsxs)(`aside`,{className:`exhibition-slideshow-slide-strip overflow-hidden rounded-lg border border-slate-200 bg-white p-4`,children:[(0,p.jsx)(`div`,{className:`exhibition-slideshow-heading mb-3 text-sm font-semibold text-slate-700`,children:`Slides`}),(0,p.jsx)(`div`,{className:`flex gap-3 overflow-x-auto pb-2`,children:n.map((e,t)=>(0,p.jsx)(d.CanvasContext,{canvas:e.id,children:(0,p.jsx)(Hs,{index:t,selected:_?.id===e.id,onPress:()=>b(e,t),onDelete:()=>x(t)})},e.id))})]})]})]})}):(0,p.jsx)(xs,{children:(0,p.jsx)(`div`,{className:`flex min-h-full items-center justify-center px-24 py-12`,children:(0,p.jsxs)(`div`,{className:`w-full max-w-4xl`,children:[(0,p.jsx)(`p`,{className:`text-sm font-semibold uppercase tracking-wider text-me-primary-500`,children:`Slideshow exhibition`}),(0,p.jsx)(`h2`,{className:`mt-2 text-3xl font-bold text-slate-900`,children:`Create your first slideshow slide`}),(0,p.jsx)(`p`,{className:`mt-3 max-w-2xl text-sm text-slate-600`,children:`Add a new slide and choose one of the supported slideshow slide types. You can add images, text, media, and tour steps after the slide is created.`}),(0,p.jsx)(`div`,{className:`mt-8`,children:(0,p.jsx)(h.ActionButton,{primary:!0,large:!0,onPress:v,children:`Add new slide`})})]})})})}function xs({children:e}){return(0,p.jsx)(h.SidebarContent,{className:`exhibition-slideshow-workbench h-full overflow-x-hidden overflow-y-auto bg-[#f8f6f3]`,children:e})}function Ss(){let e=Bs((0,d.useCanvas)()?.label,`Untitled slide`);return(0,p.jsx)(p.Fragment,{children:e||`Untitled slide`})}function Cs({current:e,total:t,onPrevious:n,onNext:r}){return(0,p.jsxs)(`div`,{className:`exhibition-slideshow-navigation flex items-stretch overflow-hidden rounded-lg border border-slate-200 bg-white text-sm text-slate-800 shadow-sm`,children:[(0,p.jsx)(v.Button,{className:`border-none bg-white px-5 py-3 font-semibold transition hover:bg-slate-50 disabled:cursor-not-allowed disabled:text-slate-300`,isDisabled:!n,onPress:n,children:`Previous`}),(0,p.jsxs)(`span`,{className:`exhibition-slideshow-navigation-current flex min-w-[96px] items-center justify-center border-x border-slate-200 bg-slate-50 px-4 font-bold text-slate-900`,children:[e,` of `,t]}),(0,p.jsx)(v.Button,{className:`border-none bg-white px-5 py-3 font-semibold transition hover:bg-slate-50 disabled:cursor-not-allowed disabled:text-slate-300`,isDisabled:!r,onPress:r,children:`Next`})]})}function ws({current:e,total:t,onPrevious:n,onNext:r}){return(0,p.jsxs)(`div`,{className:`exhibition-slideshow-navigation flex items-stretch overflow-hidden rounded-md border border-slate-200 bg-white text-xs text-slate-800 shadow-sm`,children:[(0,p.jsx)(v.Button,{className:`border-none bg-white px-3 py-2 font-semibold transition hover:bg-slate-50 disabled:cursor-not-allowed disabled:text-slate-300`,isDisabled:!n,onPress:n,children:`Previous step`}),(0,p.jsx)(`span`,{className:`exhibition-slideshow-navigation-current flex min-w-[84px] items-center justify-center border-x border-slate-200 bg-slate-50 px-3 font-bold text-slate-900`,children:t?`${e} of ${t}`:`0 of 0`}),(0,p.jsx)(v.Button,{className:`border-none bg-white px-3 py-2 font-semibold transition hover:bg-slate-50 disabled:cursor-not-allowed disabled:text-slate-300`,isDisabled:!r,onPress:r,children:`Next step`})]})}function Ts(){let e=(0,d.useCanvas)(),t=(0,d.useManifest)(),n=(0,d.useVault)(),r=(0,l.useInlineCreator)(),i=U(e=>e.centerPanelMode),a=U(e=>e.setCenterPanelMode),o=i,s=a,[c,u]=(0,m.useState)(null),[f,h]=(0,m.useState)(`box`),g=(0,m.useRef)(null),_=e?.annotations?.[0]?.id,b=e?.items?.[0]?{id:e.items[0].id,type:`AnnotationPage`}:void 0,[,x]=(0,l.useCreator)(b,`items`,`Annotation`,e?je(e):void 0,{isPainting:!0}),{selectedAnnotationId:S,repositioningAnnotationId:C,selectedTextRegion:w,repositioningTextRegion:T,selectedTourStepId:E,selectAnnotation:D,startRepositioning:O,stopRepositioning:k,startTextRepositioning:A,stopTextRepositioning:j,selectTourStep:M,stopTourStepRepositioning:N}=H(),P=U(e=>e.showTourSteps),F=U(e=>e.setShowTourSteps),I=(0,d.useVaultSelector)((t,n)=>e?W(n,e):[],[e?.id,b?.id]).find(e=>e.id===S),ee=w===`editorial-text`?ze(e).text:null,L=(0,d.useVaultSelector)((t,n)=>e?Me(n,e):[],[e?.id,_]),R=L.find(e=>e.id===E)||L[0],te=R?Math.max(0,L.findIndex(e=>e.id===R.id)):-1,ne=Ne(n,e),z=P&&ne,re=e=>{let t=L[e];t?.id&&M(t.id)};(0,m.useEffect)(()=>{g.current=null,u(null),h(`box`)},[e?.id]),(0,m.useEffect)(()=>{!ne&&P&&(F(!1),N(),u(null))},[F,P,N,ne]),(0,m.useEffect)(()=>{z&&s(`edit`)},[z]),(0,m.useEffect)(()=>{if(g.current===null){g.current=L.length;return}let e=L[L.length-1];L.length>g.current&&e?.id&&(M(e.id),k(),j(),F(!0)),g.current=L.length},[M,F,k,j,L]);let ie=()=>{let e=!P;F(e),e?(k(),j(),R?.id&&M(R.id)):N()},ae=()=>{e&&r.create(`@manifest-editor/empty-annotation-page`,{label:{en:[`Tour steps`]}},{target:{id:e.id,type:`Canvas`},targetType:`AnnotationPage`,parent:{property:`annotations`,resource:{id:e.id,type:`Canvas`}}})},oe=()=>{!e||!_||(F(!0),k(),j(),h(`box`),u({type:`add`}))},se=()=>{R?.id&&(F(!0),k(),j(),h(Rs(R)),u({type:`edit`,annotationId:R.id}))};return(0,p.jsxs)(`div`,{className:`exhibition-slideshow-preview-card group relative flex max-h-full flex-col overflow-hidden rounded-md bg-white shadow-xl ring-1 ring-black/10`,style:{width:`100%`,height:`min(68vh, 760px)`,minHeight:420},children:[(0,p.jsxs)(`div`,{className:`exhibition-slideshow-toolbar flex flex-wrap items-center justify-between gap-3 border-b border-slate-200 bg-white px-4 py-3`,children:[(0,p.jsx)(`span`,{className:`exhibition-slideshow-muted text-xs font-semibold text-slate-500`,children:o===`edit`?`Click content to edit or reposition it`:`Live slideshow preview`}),(0,p.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[o===`edit`?(0,p.jsxs)(p.Fragment,{children:[ne?(0,p.jsx)(v.Button,{className:(0,y.twMerge)(`rounded-md border px-3 py-2 text-xs font-semibold shadow-sm transition`,z?`border-me-primary-500 bg-me-primary-50 text-me-primary-600`:`border-slate-200 bg-white text-slate-700 hover:border-me-primary-300`),onPress:ie,children:z?`Hide tour steps`:`Show tour steps`}):null,z?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(ws,{current:te+1,total:L.length,onPrevious:te>0?()=>re(te-1):void 0,onNext:te>=0&&te<L.length-1?()=>re(te+1):void 0}),_?(0,p.jsx)(v.Button,{className:`rounded-md bg-me-primary-500 px-3 py-2 text-xs font-semibold text-white shadow-sm transition hover:bg-me-primary-600`,onPress:oe,children:`Add tour step`}):(0,p.jsx)(v.Button,{className:`rounded-md bg-me-primary-500 px-3 py-2 text-xs font-semibold text-white shadow-sm transition hover:bg-me-primary-600`,onPress:ae,children:`Create tour`})]}):(0,p.jsx)(v.Button,{className:`rounded-md bg-me-primary-500 px-3 py-2 text-xs font-semibold text-white shadow-sm transition hover:bg-me-primary-600`,onPress:()=>{s(`edit`),D(null),F(!1),N(),x.create(void 0,vs)},children:`Add content`})]}):null,(0,p.jsxs)(`div`,{className:`flex shrink-0 overflow-hidden rounded-md border border-slate-200 bg-slate-50 text-xs font-semibold`,children:[(0,p.jsx)(Vs,{selected:o===`edit`,onPress:()=>s(`edit`),children:`Edit`}),(0,p.jsx)(Vs,{selected:o===`preview`,onPress:()=>s(`preview`),children:`Preview`})]})]})]}),(0,p.jsxs)(`div`,{className:`relative min-h-0 flex-1 bg-black`,children:[o===`preview`?(0,p.jsx)($e,{preset:`slideshow`,presetOptions:{manifest:t?.id||``,canvas:e?.id,minimal:!0}}):(0,p.jsx)(Rn,{editable:!0,mode:o,showTourSteps:z}),o===`edit`&&c&&e&&_?(0,p.jsx)(Ns,{annotationPageId:_,canvas:e,mode:c,selectedTool:f,setSelectedTool:h,vault:n,onCancel:()=>u(null),onComplete:e=>{e&&M(e),F(!0),u(null)}}):null,!c&&o===`edit`&&!z&&I&&e?(0,p.jsx)(ks,{annotation:I,canvas:e,isRepositioning:C===I.id,onStartReposition:()=>O(I.id),onStopReposition:k,vault:n}):null,!c&&o===`edit`&&!z&&ee&&e?(0,p.jsx)(ks,{canvas:e,currentBox:ee,isRepositioning:T===w,label:`Editorial text`,onStartReposition:()=>A(`editorial-text`),onStopReposition:j,setBox:t=>Re(n,e,t),vault:n}):null,!c&&o===`edit`&&z&&e?R?(0,p.jsx)(ks,{annotation:R,canvas:e,isRepositioning:!1,label:`Selected tour step target`,onStopReposition:N,showBoxFields:!0,showRepositionButton:!1,vault:n,children:_?(0,p.jsx)(Es,{annotationPageId:_,canvas:e,onAddTourStep:oe,onEditTarget:se,selectedTourStepId:R?.id}):null}):(0,p.jsx)(Os,{label:`Tour steps`,children:_?(0,p.jsx)(Es,{annotationPageId:_,canvas:e,onAddTourStep:oe,onEditTarget:se,selectedTourStepId:R?.id}):(0,p.jsx)(Ds,{onCreate:ae})}):null]})]})}function Es({annotationPageId:e,canvas:t,onAddTourStep:n,onEditTarget:r,selectedTourStepId:i}){return(0,p.jsx)(l.ResourceEditingProvider,{resource:t,children:(0,p.jsx)(d.AnnotationPageContext,{annotationPage:e,children:(0,p.jsxs)(`div`,{className:`space-y-3 text-slate-800`,children:[(0,p.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,p.jsx)(`h3`,{className:`text-sm font-semibold text-slate-800`,children:`Tour steps`}),(0,p.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[i?(0,p.jsx)($,{label:`Edit target`,onPress:r}):null,(0,p.jsx)($,{primary:!0,label:`Add step`,onPress:n})]})]}),(0,p.jsx)(`p`,{className:`text-xs text-slate-500`,children:`Select a step below. Use the quick box controls here, or edit the target with the Atlas drawing tools.`}),(0,p.jsx)(`div`,{className:`max-h-72 overflow-y-auto pr-1`,children:(0,p.jsx)(Ao,{reorderable:!1,useSlideshowWorkbench:!0})})]})})})}function Ds({onCreate:e}){return(0,p.jsxs)(`div`,{className:`space-y-3 text-slate-800`,children:[(0,p.jsx)(`p`,{className:`text-xs text-slate-600`,children:`This slide does not have a tour annotation page yet.`}),(0,p.jsx)($,{primary:!0,label:`Create tour`,onPress:e})]})}function Os({children:e,label:t}){return(0,p.jsxs)(`div`,{className:`absolute bottom-4 left-4 z-40 max-w-[min(34rem,calc(100%-2rem))] rounded-lg bg-white/95 p-3 text-xs shadow-lg ring-1 ring-black/10`,children:[(0,p.jsx)(`div`,{className:`mb-2 font-semibold text-slate-700`,children:t}),e]})}function ks({annotation:e,canvas:t,children:n,currentBox:r,isRepositioning:i,label:a=`Selected content`,onStartReposition:o,onStopReposition:s,setBox:c,vault:l,hidePositionControls:u=!1,showBoxFields:d=!1,showRepositionButton:f=!0}){let h=(0,m.useRef)(null),g=(0,m.useRef)(null),[_,v]=(0,m.useState)(null),b=Number(t?.width)||1920,x=Number(t?.height)||1080,S=r||Ie(e,t),C=c||(n=>Le(l,t,e.id,n)),w=Math.round(b/2),T=Math.round(x/2),E=e=>{let t=h.current,n=t?.offsetParent,r=t?.getBoundingClientRect(),i=n?.getBoundingClientRect();!t||!r||!i||(e.currentTarget.setPointerCapture(e.pointerId),g.current={pointerId:e.pointerId,startX:e.clientX,startY:e.clientY,panelX:r.left-i.left,panelY:r.top-i.top,maxX:Math.max(16,i.width-r.width-16),maxY:Math.max(16,i.height-r.height-16)})},D=e=>{let t=g.current;!t||t.pointerId!==e.pointerId||v({x:Math.min(t.maxX,Math.max(16,t.panelX+e.clientX-t.startX)),y:Math.min(t.maxY,Math.max(16,t.panelY+e.clientY-t.startY))})},O=e=>{g.current?.pointerId===e.pointerId&&(g.current=null,e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId))};return(0,p.jsx)(`div`,{ref:h,className:(0,y.twMerge)(`absolute z-40 w-[min(30rem,calc(100%-2rem))] rounded-lg bg-white/95 p-3 text-xs shadow-lg ring-1 ring-black/10`,_?null:`bottom-4 left-4`),style:_?{left:_.x,top:_.y}:void 0,children:(0,p.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,p.jsxs)(`div`,{className:`min-w-[280px]`,children:[(0,p.jsxs)(`div`,{className:`mb-2 flex items-center justify-between gap-3`,children:[(0,p.jsx)(`span`,{className:`font-semibold text-slate-700`,children:a}),(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(`button`,{className:`cursor-move rounded border border-slate-200 bg-white px-2 py-1 text-[11px] font-semibold text-slate-600 transition hover:border-me-primary-300 hover:text-me-primary-600`,type:`button`,onPointerDown:E,onPointerMove:D,onPointerUp:O,onPointerCancel:O,children:(0,p.jsx)(gs,{})}),(0,p.jsxs)(`span`,{className:`text-slate-400`,children:[Math.round(S.width),` x `,Math.round(S.height)]})]})]}),u?null:(0,p.jsxs)(`div`,{className:`space-y-2`,children:[(0,p.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[f&&o?(0,p.jsx)($,{onPress:o,label:`Reposition`,primary:!0}):null,i&&s?(0,p.jsx)($,{onPress:s,label:`Stop moving`}):null,(0,p.jsx)($,{onPress:()=>C({x:0,y:0,width:b,height:x}),label:`Fill`}),(0,p.jsx)($,{onPress:()=>C({x:Math.round(b*.1),y:Math.round(x*.1),width:Math.round(b*.8),height:Math.round(x*.8)}),label:`Centre`}),(0,p.jsx)($,{onPress:()=>C({x:0,y:0,width:w,height:x}),label:`Left`}),(0,p.jsx)($,{onPress:()=>C({x:w,y:0,width:w,height:x}),label:`Right`}),(0,p.jsx)($,{onPress:()=>C({x:0,y:0,width:b,height:T}),label:`Top`}),(0,p.jsx)($,{onPress:()=>C({x:0,y:T,width:b,height:T}),label:`Bottom`})]}),d?(0,p.jsx)(As,{box:S,onChange:C}):null]})]}),n?(0,p.jsx)(`div`,{className:`w-full border-t border-slate-200 pt-3`,children:n}):null]})})}function As({box:e,onChange:t}){let n=(n,r)=>{let i=Number(r);Number.isFinite(i)&&t({...e,[n]:Math.round(i)})};return(0,p.jsxs)(`div`,{className:`grid grid-cols-4 gap-2 pt-1`,children:[(0,p.jsx)(js,{label:`X`,value:e.x,onChange:e=>n(`x`,e)}),(0,p.jsx)(js,{label:`Y`,value:e.y,onChange:e=>n(`y`,e)}),(0,p.jsx)(js,{label:`W`,value:e.width,onChange:e=>n(`width`,e)}),(0,p.jsx)(js,{label:`H`,value:e.height,onChange:e=>n(`height`,e)})]})}function js({label:e,value:t,onChange:n}){return(0,p.jsxs)(`label`,{className:`block text-[11px] font-semibold text-slate-500`,children:[e,(0,p.jsx)(`input`,{className:`mt-1 w-full rounded border border-slate-200 bg-white px-1.5 py-1 text-xs text-slate-900 outline-none focus:border-me-primary-400 focus:ring-1 focus:ring-me-primary-100`,type:`number`,value:Math.round(t),onChange:e=>n(e.target.value)})]})}function Ms(e,t,n,r){let i=`${n}/tour-step/${Date.now()}-${Math.random().toString(36).slice(2,8)}`,a=`${i}/body/en`,o=e.get?.({id:n,type:`AnnotationPage`})||{},s=Array.isArray(o?.items)?o.items:[],c=()=>{e.dispatch((0,D.importEntities)({entities:{ContentResource:{[a]:{id:a,type:`TextualBody`,language:`en`,format:`text/html`,value:`<p>Description</p>`}},Annotation:{[i]:{id:i,type:`Annotation`,motivation:`tagging`,body:[{id:a,type:`ContentResource`}],target:r}}}})),e.dispatch((0,D.addMappings)({mapping:{[a]:`ContentResource`,[i]:`Annotation`}})),e.modifyEntityField({id:n,type:`AnnotationPage`},`items`,[...s,{id:i,type:`Annotation`}])};return e.batch?e.batch(c):c(),i}function Ns({annotationPageId:e,canvas:t,mode:n,selectedTool:r,setSelectedTool:i,vault:a,onCancel:o,onComplete:s}){let c=(0,m.useRef)(null),[l,u]=(0,m.useState)(null),[d,f]=(0,m.useState)(null),[h,g]=(0,m.useState)([]),_=Number(t?.width)||1920,v=Number(t?.height)||1080,y=e=>{let t=c.current;if(!t)return{x:0,y:0};let n=t.createSVGPoint();n.x=e.clientX,n.y=e.clientY;let r=t.getScreenCTM()?.inverse(),i=r?n.matrixTransform(r):n;return{x:zs(Math.round(i.x),0,_),y:zs(Math.round(i.y),0,v)}},b=e=>{if(e.preventDefault(),r===`polygon`){let t=y(e);g(e=>[...e,t]);return}let t=y(e);u(t),f(null)},x=e=>{if(!l||r===`polygon`)return;let t=y(e);r===`box`&&f({type:`box`,x:Math.min(l.x,t.x),y:Math.min(l.y,t.y),width:Math.abs(t.x-l.x),height:Math.abs(t.y-l.y)}),r===`circle`&&f({type:`circle`,cx:l.x,cy:l.y,r:Math.round(Math.sqrt((t.x-l.x)**2+(t.y-l.y)**2))}),r===`line`&&f({type:`line`,x1:l.x,y1:l.y,x2:t.x,y2:t.y})},S=()=>{u(null)},C=r===`polygon`&&h.length?{type:`polygon`,points:h}:d,w=()=>{u(null),f(null),g([])};return(0,p.jsxs)(`div`,{className:`absolute inset-0 z-30`,children:[(0,p.jsxs)(`svg`,{ref:c,className:`absolute inset-0 h-full w-full cursor-crosshair touch-none`,preserveAspectRatio:`xMidYMid meet`,viewBox:`0 0 ${_} ${v}`,onPointerDown:b,onPointerMove:x,onPointerUp:S,onPointerCancel:S,children:[(0,p.jsx)(`rect`,{x:0,y:0,width:_,height:v,fill:`transparent`}),C?(0,p.jsx)(Fs,{shape:C}):null,h.map((e,t)=>(0,p.jsx)(`circle`,{cx:e.x,cy:e.y,r:8,fill:`white`,stroke:`#be4778`,strokeWidth:4},`${e.x}-${e.y}-${t}`))]}),(0,p.jsxs)(`div`,{className:`absolute left-4 top-4 z-40 flex flex-wrap items-center gap-2 rounded-lg bg-white/95 p-2 text-xs shadow-lg ring-1 ring-black/10`,children:[(0,p.jsx)(`span`,{className:`mr-2 font-semibold text-slate-700`,children:n.type===`add`?`Draw new tour step`:`Edit target`}),(0,p.jsx)(Ps,{active:r===`box`,label:`Box`,onPress:()=>{w(),i(`box`)}}),(0,p.jsx)(Ps,{active:r===`circle`,label:`Circle`,onPress:()=>{w(),i(`circle`)}}),(0,p.jsx)(Ps,{active:r===`line`,label:`Line`,onPress:()=>{w(),i(`line`)}}),(0,p.jsx)(Ps,{active:r===`polygon`,label:`Polygon`,onPress:()=>{w(),i(`polygon`)}}),(0,p.jsx)($,{primary:!0,label:n.type===`add`?`Create step`:`Save target`,onPress:()=>{if(!C)return;let r=Is(t.id,C);if(n.type===`edit`){a.modifyEntityField({id:n.annotationId,type:`Annotation`},`target`,r),s(n.annotationId);return}s(Ms(a,t,e,r))}}),(0,p.jsx)($,{label:`Clear`,onPress:w}),(0,p.jsx)($,{label:`Cancel`,onPress:o})]})]})}function Ps({active:e,label:t,onPress:n}){return(0,p.jsx)(v.Button,{className:(0,y.twMerge)(`rounded-md border px-2.5 py-1.5 font-semibold transition`,e?`border-me-primary-500 bg-me-primary-500 text-white`:`border-slate-200 bg-white text-slate-700 hover:border-me-primary-300 hover:bg-me-primary-50`),onPress:n,children:t})}function Fs({shape:e}){let t={fill:`rgba(190, 71, 120, 0.18)`,stroke:`#be4778`,strokeWidth:6,vectorEffect:`non-scaling-stroke`};return e.type===`box`?(0,p.jsx)(`rect`,{...t,x:e.x,y:e.y,width:e.width,height:e.height}):e.type===`circle`?(0,p.jsx)(`circle`,{...t,cx:e.cx,cy:e.cy,r:e.r}):e.type===`line`?(0,p.jsx)(`line`,{x1:e.x1,y1:e.y1,x2:e.x2,y2:e.y2,stroke:`#be4778`,strokeWidth:6,vectorEffect:`non-scaling-stroke`}):(0,p.jsx)(`polygon`,{...t,points:e.points.map(e=>`${e.x},${e.y}`).join(` `)})}function Is(e,t){return t.type===`box`?`${e}#xywh=${Math.round(t.x)},${Math.round(t.y)},${Math.round(t.width)},${Math.round(t.height)}`:{source:e,selector:{type:`SvgSelector`,value:Ls(t)}}}function Ls(e){return e.type===`circle`?`<svg xmlns="http://www.w3.org/2000/svg"><circle cx="${Math.round(e.cx)}" cy="${Math.round(e.cy)}" r="${Math.round(e.r)}" /></svg>`:e.type===`line`?`<svg xmlns="http://www.w3.org/2000/svg"><line x1="${Math.round(e.x1)}" y1="${Math.round(e.y1)}" x2="${Math.round(e.x2)}" y2="${Math.round(e.y2)}" /></svg>`:`<svg xmlns="http://www.w3.org/2000/svg"><polygon points="${e.points.map(e=>`${Math.round(e.x)},${Math.round(e.y)}`).join(` `)}" /></svg>`}function Rs(e){let t=Array.isArray(e?.target?.selector)?e.target.selector.find(e=>e?.type===`SvgSelector`):e?.target?.selector;return t?.type===`SvgSelector`&&(Array.isArray(t.points)&&t.svgShape!==`polyline`||typeof t.value==`string`&&/<polygon\b/i.test(t.value))?`polygon`:`box`}function zs(e,t,n){return Math.min(n,Math.max(t,e))}function Bs(e,t=``){if(!e)return t;if(typeof e==`string`)return e;let n=e.en||e.none||Object.values(e).flat();return Array.isArray(n)&&n.length?String(n[0]):t}function $({label:e,onPress:t,primary:n}){return(0,p.jsx)(v.Button,{className:(0,y.twMerge)(`rounded-md border px-2.5 py-1.5 font-semibold transition`,n?`border-me-primary-500 bg-me-primary-500 text-white hover:bg-me-primary-600`:`border-slate-200 bg-white text-slate-700 hover:border-me-primary-300 hover:bg-me-primary-50`),onPress:t,children:e})}function Vs({children:e,selected:t,onPress:n}){return(0,p.jsx)(v.Button,{className:(0,y.twMerge)(`border-none px-3 py-2 transition`,t?`bg-me-primary-500 text-white`:`bg-transparent text-slate-600 hover:bg-white`),onPress:n,children:e})}function Hs({index:e,selected:t,onPress:n,onDelete:r}){let i=(0,d.useCanvas)();return(0,p.jsxs)(`div`,{className:(0,y.twMerge)(`exhibition-slideshow-slide-card relative w-44 shrink-0 rounded-md border bg-white p-2 text-left transition`,t?`border-me-primary-500 ring-2 ring-me-primary-200`:`border-slate-200 hover:border-me-primary-300`),children:[(0,p.jsxs)(v.Button,{className:`block w-full border-none bg-transparent p-0 text-left`,onPress:n,children:[(0,p.jsx)(`div`,{className:`aspect-video overflow-hidden rounded`,style:{backgroundColor:`#0e0d12`},children:(0,p.jsx)(Rn,{className:`pointer-events-none h-full w-full`,mode:`preview`})}),(0,p.jsxs)(`div`,{className:`mt-2 flex items-center gap-2 pr-7`,children:[(0,p.jsx)(`span`,{className:`flex h-6 w-6 shrink-0 items-center justify-center rounded bg-slate-100 text-xs font-semibold text-slate-600`,children:e+1}),(0,p.jsx)(d.LocaleString,{className:`min-w-0 truncate text-sm font-medium text-slate-800`,children:i?.label})]})]}),(0,p.jsx)(v.Button,{className:`absolute bottom-2 right-2 flex items-center gap-1 rounded border border-me-primary-100 bg-white px-2 py-1 text-xs font-semibold text-me-primary-500 shadow-sm transition hover:bg-me-primary-50`,"aria-label":`Delete slide ${e+1}`,onPress:r,children:`Delete`})]})}const Us=(0,l.extendApp)((0,l.mapApp)(c),{id:`exhibition-slideshow-editor`,title:`Exhibition Editor (slideshow)`,project:!0,projectType:`Manifest`},{preset:Gi,config:{editorConfig:{Canvas:{singleTab:`@exhibition/slideshow-workbench-editor`,hideTabs:[`@manifest-editor/overview`,`@manifest-editor/technical-properties`,`@manifest-editor/linking-properties`,`@manifest-editor/nav-place-editor`,`@manifest-editor/canvas-structural`,`@manifest-editor/descriptive-properties`,`@manifest-editor/overview-canvas-editor`,`@manifest-editor/metadata`]}}},leftPanels:[Ir,Xr],centerPanels:[ys],annotations:[N],leftPanelIds:[`left-panel-manifest`],background:[li],canvasEditors:[ps],editors:[os,Ho,ga,en,da,Fo],creators:[Ni,Ii,Hi,zi,Bi,$i,na,Xi]}),Ws=(0,l.extendApp)((0,l.mapApp)(c,e=>({...e,layout:{...e.layout,leftPanels:[Fr,...e.layout.leftPanels.filter(e=>e.id===`left-panel-manifest`)]}})),{id:`exhibition-editor`,title:`Exhibition Editor`,project:!0,projectType:`Manifest`},{preset:Gi,config:{editorConfig:{Canvas:{hideTabs:[`@manifest-editor/overview`,`@manifest-editor/technical-properties`,`@manifest-editor/linking-properties`,`@manifest-editor/nav-place-editor`,`@manifest-editor/canvas-structural`,`@manifest-editor/descriptive-properties`,`@manifest-editor/overview-canvas-editor`,`@manifest-editor/metadata`]}}},leftPanels:[Xr],centerPanels:[be,at],annotations:[N],leftPanelIds:[`canvas-listing`,`left-panel-manifest`],background:[li],canvasEditors:[di,ji,hi],editors:[Ho,as,ga,Za,en,da,Fo],creators:[Yi,ta,Ii,Ni,Ri,Hi,Qi,zi,Bi,$i,na,Xi]});exports.PresetIcon=ds,exports.exhibitionEditorPreset=Ws,exports.exhibitionEditorScrollingPreset=fs,exports.exhibitionEditorSlideshowPreset=Us,exports.imageServiceSlideCreator=Ii,exports.useExhibitionPreviewWindow=et;
3
+ //# sourceMappingURL=index.cjs.map