diff --git a/404.html b/404.html index e17cd2d3..449f163e 100644 --- a/404.html +++ b/404.html @@ -1 +1 @@ -404: This page could not be found

404

This page could not be found.

\ No newline at end of file +404: This page could not be found

404

This page could not be found.

\ No newline at end of file diff --git a/_next/static/Qb_F0OX4_OsMYz1FvMhkP/_buildManifest.js b/_next/static/Qb_F0OX4_OsMYz1FvMhkP/_buildManifest.js deleted file mode 100644 index bdefdd72..00000000 --- a/_next/static/Qb_F0OX4_OsMYz1FvMhkP/_buildManifest.js +++ /dev/null @@ -1 +0,0 @@ -self.__BUILD_MANIFEST=function(s,c,e,a,d,t,o,i,n,r,b,u,h){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[e,s,c,a,d,o,i,n,r,t,b,u,"static/chunks/pages/index-ce605404425c6049.js"],"/_error":["static/chunks/pages/_error-7707a3459bb7189d.js"],"/docs":[s,c,"static/chunks/pages/docs-3e1e22c7f482cb21.js"],"/docs/composing":[s,c,"static/chunks/pages/docs/composing-8425a72fc1d9f94a.js"],"/docs/homepage":[e,s,c,a,d,t,"static/chunks/pages/docs/homepage-97e5eef2e1b855ff.js"],"/docs/i18n":[s,c,"static/chunks/pages/docs/i18n-6f90e97a654dbd16.js"],"/docs/image":[s,c,o,"static/chunks/pages/docs/image-4c4fc616cccd8385.js"],"/docs/label":[e,s,c,a,d,t,"static/chunks/pages/docs/label-356b808bc56e7167.js"],"/docs/metadata":[e,s,c,a,d,t,"static/chunks/pages/docs/metadata-f33a46d969639b3c.js"],"/docs/partOf":[e,s,c,a,d,t,"static/chunks/pages/docs/partOf-262bfbb8d8bf0028.js"],"/docs/rendering":[e,s,c,a,d,t,"static/chunks/pages/docs/rendering-813b77e0a51a461f.js"],"/docs/requiredStatement":[e,s,c,a,d,t,"static/chunks/pages/docs/requiredStatement-290ac77de805f6ec.js"],"/docs/scroll":[s,c,o,"static/chunks/pages/docs/scroll-188a35db39bb502e.js"],"/docs/scroll/demo":[s,c,o,h,"static/chunks/pages/docs/scroll/demo-5d23c16f6bb43126.js"],"/docs/seeAlso":[e,s,c,a,d,t,"static/chunks/pages/docs/seeAlso-5d897a41b1a1fe97.js"],"/docs/slider":[e,s,c,a,d,i,n,r,t,b,u,"static/chunks/pages/docs/slider-d4b73ea50a70f71c.js"],"/docs/slider/demo":[e,s,c,a,d,i,n,h,r,t,b,u,"static/chunks/pages/docs/slider/demo-38e6c9f65184768e.js"],"/docs/summary":[e,s,c,a,d,t,"static/chunks/pages/docs/summary-b6ed8639b01ca3d5.js"],"/docs/thumbnail":[e,s,c,a,d,t,"static/chunks/pages/docs/thumbnail-aca02d9bdf6aa9f3.js"],"/docs/viewer":[s,c,o,"static/chunks/pages/docs/viewer-0a2be2da7ddbb160.js"],"/docs/viewer/contentsearch":[s,c,o,"static/chunks/pages/docs/viewer/contentsearch-0598b8548db11402.js"],"/docs/viewer/demo":[s,c,o,h,"static/chunks/pages/docs/viewer/demo-6cb163d0f0087657.js"],sortedPages:["/","/_app","/_error","/docs","/docs/composing","/docs/homepage","/docs/i18n","/docs/image","/docs/label","/docs/metadata","/docs/partOf","/docs/rendering","/docs/requiredStatement","/docs/scroll","/docs/scroll/demo","/docs/seeAlso","/docs/slider","/docs/slider/demo","/docs/summary","/docs/thumbnail","/docs/viewer","/docs/viewer/contentsearch","/docs/viewer/demo"]}}("static/css/445c4173ffc2bf04.css","static/chunks/546-1f75f42d42e53b58.js","static/chunks/714ca43d-40ddc96b87831ed0.js","static/chunks/965-ea656555f5a37a4f.js","static/chunks/580-c5e48d606c23213a.js","static/chunks/542-d9ec244ae8135746.js","static/chunks/514-5c0e50803ee4fe0f.js","static/chunks/367-4fdbbcab0ecb544b.js","static/chunks/256-0be517c299ee8a50.js","static/chunks/634-6c35c8ba6b586437.js","static/chunks/769-36ad409e06fe4b28.js","static/css/e7f2c32b53a96c4e.css","static/chunks/966-0d9184b7d935a49f.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file diff --git a/_next/static/chunks/pages/docs-3e1e22c7f482cb21.js b/_next/static/chunks/pages/docs-3e1e22c7f482cb21.js deleted file mode 100644 index ac00fe21..00000000 --- a/_next/static/chunks/pages/docs-3e1e22c7f482cb21.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[172],{8096:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs",function(){return a(3831)}])},3831:function(e,t,a){"use strict";a.r(t),a.d(t,{__toc:function(){return l}});var i=a(2676),n=a(5384),s=a(826),o=a(7104);a(1952);var r=a(7532);let l=[{depth:2,value:"Vision",id:"vision"},{depth:2,value:"Key Features",id:"key-features"}];function c(e){let t=Object.assign({h1:"h1",p:"p",h2:"h2",ul:"ul",li:"li",strong:"strong",a:"a"},(0,r.a)(),e.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.h1,{children:"Overview"}),"\n",(0,i.jsx)(t.p,{children:"UI component library for rapidly creating high-quality and accessible IIIF-fluent web interfaces."}),"\n",(0,i.jsx)(t.p,{children:"Clover IIIF is a suite of Manifest and Collection components combined with lower-level IIIF Presentation 3.0 API UI components. Clover IIIF has a focus on accessibility, customization and developer experience. You can use Clover IIIF to build your own custom IIIF-fluent web interfaces while still using the full power of the IIIF Presentation 3.0 API."}),"\n",(0,i.jsx)(t.h2,{id:"vision",children:"Vision"}),"\n",(0,i.jsx)(t.p,{children:'Implementation of the IIIF Presentation API does not need to be limited to a primary viewer. Using Clover IIIF breaks the model of a "viewer" and allows the IIIF Presentation API to be used as a front-end for any web application. This is possible because the IIIF Presentation API is a highly defined and interoperable specification for representing digital objects. This means that the IIIF Presentation API can be used to represent any digital object, not just images. This concept gives creation to highly interoperable web user interfaces.'}),"\n",(0,i.jsx)(t.h2,{id:"key-features",children:"Key Features"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.strong,{children:"Accessibility"})," - All components lean on ",(0,i.jsx)(t.a,{href:"https://www.w3.org/TR/wai-aria-practices-1.2",children:"WAI-ARIA design patterns"})," to ensure that they are accessible to all users."]}),"\n"]}),"\n",(0,i.jsxs)(t.li,{children:["\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.strong,{children:"Customization"})," - All components are designed to be easily customized with CSS."]}),"\n"]}),"\n",(0,i.jsxs)(t.li,{children:["\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.strong,{children:"Developer Experience"})," - All components are built with developer experience in mind and are designed to be easily integrated into any web application."]}),"\n"]}),"\n"]})]})}let d={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.a)(),e.components);return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(c,{...e})}):c(e)},pageOpts:{filePath:"pages/docs/index.mdx",route:"/docs",frontMatter:{title:"Docs"},timestamp:173257264e4,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Docs",headings:l},pageNextRoute:"/docs",nextraLayout:s.ZP,themeConfig:o.Z};t.default=(0,n.j)(d)},7104:function(e,t,a){"use strict";a.d(t,{Z:function(){return h}});var i=a(2676),n=a(2936),s=a.n(n),o=a(5271);let r={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},l=["Scroll"];var c=e=>{let{title:t}=e;return l.includes(t)?(0,i.jsxs)("span",{children:[t,(0,i.jsx)("span",{style:r,children:"Beta"})]}):(0,i.jsx)("span",{children:t})},d=a(826),m=a(9205);let p="Clover IIIF",u="Showcase IIIF Manifests as interoperable web content.";var h={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),t=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(p):"".concat(p," – ").concat(u),a=e.frontMatter.description?e.frontMatter.description:u,{route:i}=(0,m.useRouter)(),n=(0,o.useMemo)(()=>new URL(i.endsWith("/")?i:"".concat(i,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[i]);return{defaultTitle:"".concat(p," - ").concat(u),title:t,description:a,canonical:n,openGraph:{url:n,title:t,siteName:"".concat(p," - ").concat(u),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,i.jsx)(()=>(0,i.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,i.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,i.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,i.jsx)(s(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,i.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){}},function(e){e.O(0,[546,888,774,179],function(){return e(e.s=8096)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/docs-bbece5b2ae1bc970.js b/_next/static/chunks/pages/docs-bbece5b2ae1bc970.js new file mode 100644 index 00000000..67c0471d --- /dev/null +++ b/_next/static/chunks/pages/docs-bbece5b2ae1bc970.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[172],{8096:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs",function(){return a(3831)}])},3831:function(e,t,a){"use strict";a.r(t),a.d(t,{__toc:function(){return l}});var i=a(2676),n=a(5384),s=a(826),o=a(7104);a(1952);var r=a(7532);let l=[{depth:2,value:"Vision",id:"vision"},{depth:2,value:"Key Features",id:"key-features"}];function c(e){let t=Object.assign({h1:"h1",p:"p",h2:"h2",ul:"ul",li:"li",strong:"strong",a:"a"},(0,r.a)(),e.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.h1,{children:"Overview"}),"\n",(0,i.jsx)(t.p,{children:"UI component library for rapidly creating high-quality and accessible IIIF-fluent web interfaces."}),"\n",(0,i.jsx)(t.p,{children:"Clover IIIF is a suite of Manifest and Collection components combined with lower-level IIIF Presentation 3.0 API UI components. Clover IIIF has a focus on accessibility, customization and developer experience. You can use Clover IIIF to build your own custom IIIF-fluent web interfaces while still using the full power of the IIIF Presentation 3.0 API."}),"\n",(0,i.jsx)(t.h2,{id:"vision",children:"Vision"}),"\n",(0,i.jsx)(t.p,{children:'Implementation of the IIIF Presentation API does not need to be limited to a primary viewer. Using Clover IIIF breaks the model of a "viewer" and allows the IIIF Presentation API to be used as a front-end for any web application. This is possible because the IIIF Presentation API is a highly defined and interoperable specification for representing digital objects. This means that the IIIF Presentation API can be used to represent any digital object, not just images. This concept gives creation to highly interoperable web user interfaces.'}),"\n",(0,i.jsx)(t.h2,{id:"key-features",children:"Key Features"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsxs)(t.li,{children:["\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.strong,{children:"Accessibility"})," - All components lean on ",(0,i.jsx)(t.a,{href:"https://www.w3.org/TR/wai-aria-practices-1.2",children:"WAI-ARIA design patterns"})," to ensure that they are accessible to all users."]}),"\n"]}),"\n",(0,i.jsxs)(t.li,{children:["\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.strong,{children:"Customization"})," - All components are designed to be easily customized with CSS."]}),"\n"]}),"\n",(0,i.jsxs)(t.li,{children:["\n",(0,i.jsxs)(t.p,{children:[(0,i.jsx)(t.strong,{children:"Developer Experience"})," - All components are built with developer experience in mind and are designed to be easily integrated into any web application."]}),"\n"]}),"\n"]})]})}let d={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,r.a)(),e.components);return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(c,{...e})}):c(e)},pageOpts:{filePath:"pages/docs/index.mdx",route:"/docs",frontMatter:{title:"Docs"},timestamp:1732573097e3,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Docs",headings:l},pageNextRoute:"/docs",nextraLayout:s.ZP,themeConfig:o.Z};t.default=(0,n.j)(d)},7104:function(e,t,a){"use strict";a.d(t,{Z:function(){return h}});var i=a(2676),n=a(2936),s=a.n(n),o=a(5271);let r={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},l=["Scroll"];var c=e=>{let{title:t}=e;return l.includes(t)?(0,i.jsxs)("span",{children:[t,(0,i.jsx)("span",{style:r,children:"Beta"})]}):(0,i.jsx)("span",{children:t})},d=a(826),m=a(9205);let p="Clover IIIF",u="Showcase IIIF Manifests as interoperable web content.";var h={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),t=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(p):"".concat(p," – ").concat(u),a=e.frontMatter.description?e.frontMatter.description:u,{route:i}=(0,m.useRouter)(),n=(0,o.useMemo)(()=>new URL(i.endsWith("/")?i:"".concat(i,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[i]);return{defaultTitle:"".concat(p," - ").concat(u),title:t,description:a,canonical:n,openGraph:{url:n,title:t,siteName:"".concat(p," - ").concat(u),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,i.jsx)(()=>(0,i.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,i.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,i.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,i.jsx)(s(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,i.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){}},function(e){e.O(0,[546,888,774,179],function(){return e(e.s=8096)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/docs/composing-8425a72fc1d9f94a.js b/_next/static/chunks/pages/docs/composing-34c8cb73f44fd8f1.js similarity index 65% rename from _next/static/chunks/pages/docs/composing-8425a72fc1d9f94a.js rename to _next/static/chunks/pages/docs/composing-34c8cb73f44fd8f1.js index 5d3999bd..af60e36b 100644 --- a/_next/static/chunks/pages/docs/composing-8425a72fc1d9f94a.js +++ b/_next/static/chunks/pages/docs/composing-34c8cb73f44fd8f1.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[477],{4786:function(e,s,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/composing",function(){return r(3773)}])},3773:function(e,s,r){"use strict";r.r(s),r.d(s,{__toc:function(){return d}});var n=r(2676),i=r(5384),l=r(826),t=r(7104);r(1952);var o=r(7532),a=r(3860),c=r(2686);let d=[{depth:2,value:"Creating a Work page",id:"creating-a-work-page"},{depth:3,value:"Install package",id:"install-package"},{depth:3,value:"Create file",id:"create-file"},{depth:3,value:"Define component",id:"define-component"},{depth:3,value:"Add Viewer",id:"add-viewer"},{depth:3,value:"Add Manifest Content",id:"add-manifest-content"},{depth:3,value:"Add Slider",id:"add-slider"},{depth:2,value:"Summary",id:"summary"}];function h(e){let s=Object.assign({h1:"h1",p:"p",strong:"strong",h2:"h2",a:"a",h3:"h3",pre:"pre",code:"code",span:"span"},(0,o.a)(),e.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.h1,{children:"Composing"}),"\n",(0,n.jsxs)(s.p,{children:["Clover IIIF is designed to allow for rapid creation of web content translated from IIIF resources. The following is quick step-by-step guide to get you up and running with ",(0,n.jsx)(s.strong,{children:"Clover IIIF"}),"."]}),"\n",(0,n.jsx)(s.h2,{id:"creating-a-work-page",children:"Creating a Work page"}),"\n",(0,n.jsxs)(s.p,{children:["In this tutorial, we will install ",(0,n.jsx)(s.strong,{children:"Clover IIIF"}),' and compose a "Work" page representing a IIIF Manifest for ',(0,n.jsx)(s.a,{href:"https://dc.library.northwestern.edu/items/0902aed4-0eb0-4ab4-a151-c925493be04e",children:"Northwestern Football vs. Illinois, 1950"}),"."]}),"\n",(0,n.jsxs)(a.Rg,{children:[(0,n.jsx)(s.h3,{id:"install-package",children:"Install package"}),(0,n.jsx)(s.p,{children:"Add the following dependency to your project:"}),(0,n.jsx)(s.pre,{"data-language":"bash","data-theme":"default",children:(0,n.jsx)(s.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"npm"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"install"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@samvera/clover-iiif"})]})})}),(0,n.jsx)(s.h3,{id:"create-file",children:"Create file"}),(0,n.jsxs)(s.p,{children:["Create a file called ",(0,n.jsx)(s.code,{children:"Work.jsx"})," in your project and add the following:"]}),(0,n.jsx)(s.h3,{id:"define-component",children:"Define component"}),(0,n.jsxs)(s.p,{children:["Import ",(0,n.jsx)(s.code,{children:"React"}),". Define and export a functional component named ",(0,n.jsx)(s.code,{children:"Work"})," that renders an empty ",(0,n.jsx)(s.code,{children:"
"})," element."]}),(0,n.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" React "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"react"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"Work"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"article"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">;"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Work;"})]})]})}),(0,n.jsx)(s.h3,{id:"add-viewer",children:"Add Viewer"}),(0,n.jsxs)(s.p,{children:["As an initial step, define a constant ",(0,n.jsx)(s.code,{children:"manifestId"})," that points to the IIIF Manifest for ",(0,n.jsx)(s.a,{href:"https://dc.library.northwestern.edu/items/0902aed4-0eb0-4ab4-a151-c925493be04e",children:"Northwestern Football vs. Illinois, 1950"}),". Then, add a ",(0,n.jsx)(s.code,{children:""})," component to the ",(0,n.jsx)(s.code,{children:"Work"})," component that renders the IIIF Manifest. If your react application is running in your browser, you should see the Clover IIIF viewer."]}),(0,n.jsx)("br",{}),(0,n.jsx)(c.Z,{href:"/docs/viewer",text:"Viewer Docs",size:"small"}),(0,n.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" React "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"react"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Viewer "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/viewer"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"Work"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifestId"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/works/0902aed4-0eb0-4ab4-a151-c925493be04e?as=iiif"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"article"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Viewer"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"iiifContent"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{manifestId} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" );"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Work;"})]})]})}),(0,n.jsx)(s.h3,{id:"add-manifest-content",children:"Add Manifest Content"}),(0,n.jsxs)(s.p,{children:["Next, we add the IIIF Primitives components to the ",(0,n.jsx)(s.code,{children:"Work"})," component to render the IIIF Manifest content."]}),(0,n.jsx)(s.p,{children:"This requires fetching the IIIF Manifest and passing it to the components. The following code snippet demonstrates how to fetch the IIIF Manifest in a useEffect hook, set the manifest in state, and pass the manifest properties to the IIIF Primitives components."}),(0,n.jsx)(a.UW,{children:(0,n.jsxs)(s.p,{children:["While the ",(0,n.jsx)(s.strong,{children:"Viewer"})," and ",(0,n.jsx)(s.strong,{children:"Slider"})," components are designed for both the IIIF\nPresentation API 2.x and 3.0, the Primitives components, e.g., ",(0,n.jsx)(s.strong,{children:"Label"}),",\n",(0,n.jsx)(s.strong,{children:"Summary"}),", ",(0,n.jsx)(s.strong,{children:"Metadata"}),", are limited to the IIIF Presentation API 3.0. If\nthis is an issue, you can use\n",(0,n.jsx)(s.a,{href:"https://github.com/IIIF-Commons/parser#2-3-converter",children:(0,n.jsx)(s.code,{children:"@iiif/parser"})})," for\nconversion."]})}),(0,n.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" React"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { useEffect"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" useState } "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"react"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Viewer "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/viewer"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Homepage"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" PartOf"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" RequiredStatement"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" SeeAlso"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Summary"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"} "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/primitives"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"Work"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"setManifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"useState"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"();"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifestId"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/works/0902aed4-0eb0-4ab4-a151-c925493be04e?as=iiif"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"useEffect"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"(() "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"async"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"response"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"await"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"fetch"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"(manifestId);"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"json"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"await"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"response"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".json"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"();"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"setManifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"(json);"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" })();"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" [manifestId]);"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"if"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"!"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"manifest) "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <>;"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"article"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Viewer"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"iiifContent"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{manifestId} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".label} "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"as"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"h1"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Summary"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"summary"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".summary} "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"as"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"p"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".metadata} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"RequiredStatement"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"requiredStatement"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".requiredStatement} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"PartOf"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"partOf"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".partOf} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"SeeAlso"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"seeAlso"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".seeAlso} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Homepage"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"homepage"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".homepage} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" );"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Work;"})]})]})}),(0,n.jsx)(s.h3,{id:"add-slider",children:"Add Slider"}),(0,n.jsxs)(s.p,{children:["Finally, we add the ",(0,n.jsx)(s.code,{children:"Slider"})," component to render the IIIF Collection that this Manifest is part of. We also need to import the ",(0,n.jsx)(s.code,{children:"swiper"})," CSS files for baseline styling."]}),(0,n.jsx)("br",{}),(0,n.jsx)(c.Z,{href:"/docs/slider",text:"Slider Docs",size:"small"}),(0,n.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" React"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { useEffect"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" useState } "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"react"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Viewer "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/viewer"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Homepage"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" PartOf"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" RequiredStatement"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" SeeAlso"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Thumbnail"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"} "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/primitives"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Slider "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/slider"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"swiper/css"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"swiper/css/navigation"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"swiper/css/pagination"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"Work"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"setManifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"useState"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"();"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifestId"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/works/0902aed4-0eb0-4ab4-a151-c925493be04e?as=iiif"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"collectionId"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"?.partOf["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"0"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"].id;"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"useEffect"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"(() "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"async"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"response"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"await"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"fetch"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"(manifestId);"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"json"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"await"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"response"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".json"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"();"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"setManifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"(json);"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" })();"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" [manifestId]);"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"if"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"!"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"manifest) "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <>;"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"article"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Viewer"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"iiifContent"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{manifestId} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".label} "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"as"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"h1"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Summary"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"summary"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".summary} "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"as"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"p"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".metadata} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"RequiredStatement"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"requiredStatement"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".requiredStatement} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"PartOf"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"partOf"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".partOf} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"SeeAlso"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"seeAlso"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".seeAlso} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Homepage"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"homepage"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".homepage} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Slider"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"iiifContent"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{collectionId} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" );"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Work;"})]})]})})]}),"\n",(0,n.jsx)(s.h2,{id:"summary",children:"Summary"}),"\n",(0,n.jsxs)(s.p,{children:["In this tutorial, we installed ",(0,n.jsx)(s.strong,{children:"Clover IIIF"}),' and composed an unstyled "Work" page representing a IIIF Manifest. The completed code covered in these steps is available in a ',(0,n.jsx)(s.a,{href:"https://codesandbox.io/s/clover-iiif-composing-qk73w9?file=/src/Work.jsx",children:"CodeSandbox"}),"."]}),"\n",(0,n.jsx)("br",{}),"\n",(0,n.jsx)(c.Z,{href:"https://codesandbox.io/s/clover-iiif-composing-qk73w9?file=/src/Work.jsx",text:"Experiment with the CodeSandbox",size:"small"})]})}let p={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:s}=Object.assign({},(0,o.a)(),e.components);return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(h,{...e})}):h(e)},pageOpts:{filePath:"pages/docs/composing.mdx",route:"/docs/composing",frontMatter:{title:"Getting Started"},timestamp:173257264e4,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Getting Started",headings:d},pageNextRoute:"/docs/composing",nextraLayout:l.ZP,themeConfig:t.Z};s.default=(0,i.j)(p)},2686:function(e,s,r){"use strict";var n=r(2676),i=r(8158),l=r(5318),t=r.n(l);r(5271);let o=(0,i.zo)(t(),{display:"inline-flex",fontSize:"1.47rem",fontWeight:"400",lineHeight:"1.6",borderRadius:"6px",color:"#fff",background:"linear-gradient(130deg, hsl(var(--nextra-primary-hue), 100%, 45%) 0%, hsl(calc(var(--nextra-primary-hue) + 50deg), 100%, 38.2%) 100%)",padding:"0.75rem 1.5rem",gap:"0.5rem",boxShadow:"-15px 0 30px -15px hsl(var(--nextra-primary-hue) 100% 45%), 0 0 30px -15px hsl(235 100% 38.2%), 15px 0 30px -15px hsl(calc(var(--nextra-primary-hue) + 50deg), 100%, 45%)",textShadow:"-1px -1px 2px hsl(var(--nextra-primary-hue), 100%, 10%, 10%)",transition:"all 200ms ease-in-out","&:hover, &:focus":{boxShadow:"-15px 0 30px -15px hsla(var(--nextra-primary-hue), 100%, 45%, 100%), 0 0 30px -15px hsla(235, 100%, 38.2%, 38.2%), 15px 0 30px -15px hsla(calc(var(--nextra-primary-hue) + 10deg), 100%, 85%, 25%)"},variants:{size:{small:{fontSize:"1rem",padding:"0.25rem .75rem"}}},span:{display:"inline-flex",color:"hsla(var(--nextra-primary-hue), 100%, 75%, 61.8%)"}});s.Z=e=>{let{href:s,size:r,text:i}=e;return(0,n.jsxs)(o,{className:"nx-bg-primary-400/10",href:s,size:r,children:[i," ",(0,n.jsx)("span",{children:"→"})]})}},8158:function(e,s,r){"use strict";r.d(s,{BC:function(){return i},F4:function(){return o},zo:function(){return l}});var n=r(1028);let i={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:l,css:t,keyframes:o,createTheme:a}=(0,n.Th)({theme:{colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"hsl(".concat(209," 100% 38.2%)"),accentMuted:"hsl(".concat(209," 80% 61.8%)"),accentAlt:"hsl(".concat(209," 80% 30%)"),secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},media:i})},7104:function(e,s,r){"use strict";r.d(s,{Z:function(){return k}});var n=r(2676),i=r(2936),l=r.n(i),t=r(5271);let o={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},a=["Scroll"];var c=e=>{let{title:s}=e;return a.includes(s)?(0,n.jsxs)("span",{children:[s,(0,n.jsx)("span",{style:o,children:"Beta"})]}):(0,n.jsx)("span",{children:s})},d=r(826),h=r(9205);let p="Clover IIIF",x="Showcase IIIF Manifests as interoperable web content.";var k={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),s=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(p):"".concat(p," – ").concat(x),r=e.frontMatter.description?e.frontMatter.description:x,{route:n}=(0,h.useRouter)(),i=(0,t.useMemo)(()=>new URL(n.endsWith("/")?n:"".concat(n,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[n]);return{defaultTitle:"".concat(p," - ").concat(x),title:s,description:r,canonical:i,openGraph:{url:i,title:s,siteName:"".concat(p," - ").concat(x),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,n.jsx)(()=>(0,n.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,n.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,n.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,n.jsx)(l(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,n.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){},1028:function(e,s,r){"use strict";r.d(s,{Th:function(){return Q},jG:function(){return es}});var n,i=r(5271),l="colors",t="sizes",o="space",a={gap:o,gridGap:o,columnGap:o,gridColumnGap:o,rowGap:o,gridRowGap:o,inset:o,insetBlock:o,insetBlockEnd:o,insetBlockStart:o,insetInline:o,insetInlineEnd:o,insetInlineStart:o,margin:o,marginTop:o,marginRight:o,marginBottom:o,marginLeft:o,marginBlock:o,marginBlockEnd:o,marginBlockStart:o,marginInline:o,marginInlineEnd:o,marginInlineStart:o,padding:o,paddingTop:o,paddingRight:o,paddingBottom:o,paddingLeft:o,paddingBlock:o,paddingBlockEnd:o,paddingBlockStart:o,paddingInline:o,paddingInlineEnd:o,paddingInlineStart:o,top:o,right:o,bottom:o,left:o,scrollMargin:o,scrollMarginTop:o,scrollMarginRight:o,scrollMarginBottom:o,scrollMarginLeft:o,scrollMarginX:o,scrollMarginY:o,scrollMarginBlock:o,scrollMarginBlockEnd:o,scrollMarginBlockStart:o,scrollMarginInline:o,scrollMarginInlineEnd:o,scrollMarginInlineStart:o,scrollPadding:o,scrollPaddingTop:o,scrollPaddingRight:o,scrollPaddingBottom:o,scrollPaddingLeft:o,scrollPaddingX:o,scrollPaddingY:o,scrollPaddingBlock:o,scrollPaddingBlockEnd:o,scrollPaddingBlockStart:o,scrollPaddingInline:o,scrollPaddingInlineEnd:o,scrollPaddingInlineStart:o,fontSize:"fontSizes",background:l,backgroundColor:l,backgroundImage:l,borderImage:l,border:l,borderBlock:l,borderBlockEnd:l,borderBlockStart:l,borderBottom:l,borderBottomColor:l,borderColor:l,borderInline:l,borderInlineEnd:l,borderInlineStart:l,borderLeft:l,borderLeftColor:l,borderRight:l,borderRightColor:l,borderTop:l,borderTopColor:l,caretColor:l,color:l,columnRuleColor:l,fill:l,outline:l,outlineColor:l,stroke:l,textDecorationColor:l,fontFamily:"fonts",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",blockSize:t,minBlockSize:t,maxBlockSize:t,inlineSize:t,minInlineSize:t,maxInlineSize:t,width:t,minWidth:t,maxWidth:t,height:t,minHeight:t,maxHeight:t,flexBasis:t,gridTemplateColumns:t,gridTemplateRows:t,borderWidth:"borderWidths",borderTopWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderLeftWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",transition:"transitions",zIndex:"zIndices"},c=(e,s)=>"function"==typeof s?{"()":Function.prototype.toString.call(s)}:s,d=()=>{let e=Object.create(null);return(s,r,...n)=>{let i=JSON.stringify(s,c);return i in e?e[i]:e[i]=r(s,...n)}},h=Symbol.for("sxs.internal"),p=(e,s)=>Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)),x=e=>{for(let s in e)return!0;return!1},{hasOwnProperty:k}=Object.prototype,j=e=>e.includes("-")?e:e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase()),y=/\s+(?![^()]*\))/,m=e=>s=>e(..."string"==typeof s?String(s).split(y):[s]),v={appearance:e=>({WebkitAppearance:e,appearance:e}),backfaceVisibility:e=>({WebkitBackfaceVisibility:e,backfaceVisibility:e}),backdropFilter:e=>({WebkitBackdropFilter:e,backdropFilter:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),boxDecorationBreak:e=>({WebkitBoxDecorationBreak:e,boxDecorationBreak:e}),clipPath:e=>({WebkitClipPath:e,clipPath:e}),content:e=>({content:e.includes('"')||e.includes("'")||/^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e)?e:`"${e}"`}),hyphens:e=>({WebkitHyphens:e,hyphens:e}),maskImage:e=>({WebkitMaskImage:e,maskImage:e}),maskSize:e=>({WebkitMaskSize:e,maskSize:e}),tabSize:e=>({MozTabSize:e,tabSize:e}),textSizeAdjust:e=>({WebkitTextSizeAdjust:e,textSizeAdjust:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),marginBlock:m((e,s)=>({marginBlockStart:e,marginBlockEnd:s||e})),marginInline:m((e,s)=>({marginInlineStart:e,marginInlineEnd:s||e})),maxSize:m((e,s)=>({maxBlockSize:e,maxInlineSize:s||e})),minSize:m((e,s)=>({minBlockSize:e,minInlineSize:s||e})),paddingBlock:m((e,s)=>({paddingBlockStart:e,paddingBlockEnd:s||e})),paddingInline:m((e,s)=>({paddingInlineStart:e,paddingInlineEnd:s||e}))},u=/([\d.]+)([^]*)/,f=(e,s)=>e.length?e.reduce((e,r)=>(e.push(...s.map(e=>e.includes("&")?e.replace(/&/g,/[ +>|~]/.test(r)&&/&.*&/.test(e)?`:is(${r})`:r):r+" "+e)),e),[]):s,g=(e,s)=>e in b&&"string"==typeof s?s.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/,(s,r,n,i)=>r+("stretch"===n?`-moz-available${i};${j(e)}:${r}-webkit-fill-available`:`-moz-fit-content${i};${j(e)}:${r}fit-content`)+i):String(s),b={blockSize:1,height:1,inlineSize:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,width:1},w=e=>e?e+"-":"",S=(e,s,r)=>e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g,(e,n,i,l,t)=>"$"==l==!!i?e:(n||"--"==l?"calc(":"")+"var(--"+("$"===l?w(s)+(t.includes("$")?"":w(r))+t.replace(/\$/g,"-"):t)+")"+(n||"--"==l?"*"+(n||"")+(i||"1")+")":"")),I=/\s*,\s*(?![^()]*\))/,N=Object.prototype.toString,M=(e,s,r,n,i)=>{let l,t,o;let a=(e,s,r)=>{let c,d;let h=e=>{var p;for(c in e){let x=64===c.charCodeAt(0);for(d of x&&Array.isArray(e[c])?e[c]:[e[c]]){let e=/[A-Z]/.test(p=c)?p:p.replace(/-[^]/g,e=>e[1].toUpperCase()),k="object"==typeof d&&d&&d.toString===N&&(!n.utils[e]||!s.length);if(e in n.utils&&!k){let s=n.utils[e];if(s!==t){t=s,h(s(d)),t=null;continue}}else if(e in v){let s=v[e];if(s!==o){o=s,h(s(d)),o=null;continue}}if(x&&(c=(c.slice(1) in n.media?"@media "+n.media[c.slice(1)]:c).replace(/\(\s*([\w-]+)\s*(=|<|<=|>|>=)\s*([\w-]+)\s*(?:(<|<=|>|>=)\s*([\w-]+)\s*)?\)/g,(e,s,r,n,i,l)=>{let t=u.test(s),o=.0625*(t?-1:1),[a,c]=t?[n,s]:[s,n];return"("+("="===r[0]?"":">"===r[0]===t?"max-":"min-")+a+":"+("="!==r[0]&&1===r.length?c.replace(u,(e,s,n)=>Number(s)+o*(">"===r?1:-1)+n):c)+(i?") and ("+(">"===i[0]?"min-":"max-")+a+":"+(1===i.length?l.replace(u,(e,s,r)=>Number(s)+o*(">"===i?-1:1)+r):l):"")+")"})),k){let e=x?r.concat(c):[...r],n=x?[...s]:f(s,c.split(I));void 0!==l&&i(B(...l)),l=void 0,a(d,n,e)}else void 0===l&&(l=[[],s,r]),c=x||36!==c.charCodeAt(0)?c:`--${w(n.prefix)}${c.slice(1).replace(/\$/g,"-")}`,d=k?d:"number"==typeof d?d&&e in R?String(d)+"px":String(d):S(g(e,null==d?"":d),n.prefix,n.themeMap[e]),l[0].push(`${x?`${c} `:`${j(c)}:`}${d}`)}}};h(e),void 0!==l&&i(B(...l)),l=void 0};a(e,s,r)},B=(e,s,r)=>`${r.map(e=>`${e}{`).join("")}${s.length?`${s.join(",")}{`:""}${e.join(";")}${s.length?"}":""}${Array(r.length?r.length+1:0).join("}")}`,R={animationDelay:1,animationDuration:1,backgroundSize:1,blockSize:1,border:1,borderBlock:1,borderBlockEnd:1,borderBlockEndWidth:1,borderBlockStart:1,borderBlockStartWidth:1,borderBlockWidth:1,borderBottom:1,borderBottomLeftRadius:1,borderBottomRightRadius:1,borderBottomWidth:1,borderEndEndRadius:1,borderEndStartRadius:1,borderInlineEnd:1,borderInlineEndWidth:1,borderInlineStart:1,borderInlineStartWidth:1,borderInlineWidth:1,borderLeft:1,borderLeftWidth:1,borderRadius:1,borderRight:1,borderRightWidth:1,borderSpacing:1,borderStartEndRadius:1,borderStartStartRadius:1,borderTop:1,borderTopLeftRadius:1,borderTopRightRadius:1,borderTopWidth:1,borderWidth:1,bottom:1,columnGap:1,columnRule:1,columnRuleWidth:1,columnWidth:1,containIntrinsicSize:1,flexBasis:1,fontSize:1,gap:1,gridAutoColumns:1,gridAutoRows:1,gridTemplateColumns:1,gridTemplateRows:1,height:1,inlineSize:1,inset:1,insetBlock:1,insetBlockEnd:1,insetBlockStart:1,insetInline:1,insetInlineEnd:1,insetInlineStart:1,left:1,letterSpacing:1,margin:1,marginBlock:1,marginBlockEnd:1,marginBlockStart:1,marginBottom:1,marginInline:1,marginInlineEnd:1,marginInlineStart:1,marginLeft:1,marginRight:1,marginTop:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,offsetDistance:1,offsetRotate:1,outline:1,outlineOffset:1,outlineWidth:1,overflowClipMargin:1,padding:1,paddingBlock:1,paddingBlockEnd:1,paddingBlockStart:1,paddingBottom:1,paddingInline:1,paddingInlineEnd:1,paddingInlineStart:1,paddingLeft:1,paddingRight:1,paddingTop:1,perspective:1,right:1,rowGap:1,scrollMargin:1,scrollMarginBlock:1,scrollMarginBlockEnd:1,scrollMarginBlockStart:1,scrollMarginBottom:1,scrollMarginInline:1,scrollMarginInlineEnd:1,scrollMarginInlineStart:1,scrollMarginLeft:1,scrollMarginRight:1,scrollMarginTop:1,scrollPadding:1,scrollPaddingBlock:1,scrollPaddingBlockEnd:1,scrollPaddingBlockStart:1,scrollPaddingBottom:1,scrollPaddingInline:1,scrollPaddingInlineEnd:1,scrollPaddingInlineStart:1,scrollPaddingLeft:1,scrollPaddingRight:1,scrollPaddingTop:1,shapeMargin:1,textDecoration:1,textDecorationThickness:1,textIndent:1,textUnderlineOffset:1,top:1,transitionDelay:1,transitionDuration:1,verticalAlign:1,width:1,wordSpacing:1},C=e=>String.fromCharCode(e+(e>25?39:97)),$=e=>(e=>{let s,r="";for(s=Math.abs(e);s>52;s=s/52|0)r=C(s%52)+r;return C(s%52)+r})(((e,s)=>{let r=s.length;for(;r;)e=33*e^s.charCodeAt(--r);return e})(5381,JSON.stringify(e))>>>0),P=["themed","global","styled","onevar","resonevar","allvar","inline"],W=e=>{if(e.href&&!e.href.startsWith(location.origin))return!1;try{return!!e.cssRules}catch(e){return!1}},z=e=>{let s;let r=()=>{let{cssRules:e}=s.sheet;return[].map.call(e,(r,n)=>{let{cssText:i}=r,l="";if(i.startsWith("--sxs"))return"";if(e[n-1]&&(l=e[n-1].cssText).startsWith("--sxs")){if(!r.cssRules.length)return"";for(let e in s.rules)if(s.rules[e].group===r)return`--sxs{--sxs:${[...s.rules[e].cache].join(" ")}}${i}`;return r.cssRules.length?`${l}${i}`:""}return i}).join("")},n=()=>{if(s){let{rules:e,sheet:r}=s;if(!r.deleteRule){for(;3===Object(Object(r.cssRules)[0]).type;)r.cssRules.splice(0,1);r.cssRules=[]}for(let s in e)delete e[s]}for(let i of Object(e).styleSheets||[])if(W(i)){for(let e=0,l=i.cssRules;l[e];++e){let t=Object(l[e]);if(1!==t.type)continue;let o=Object(l[e+1]);if(4!==o.type)continue;++e;let{cssText:a}=t;if(!a.startsWith("--sxs"))continue;let c=a.slice(14,-3).trim().split(/\s+/),d=P[c[0]];d&&(s||(s={sheet:i,reset:n,rules:{},toString:r}),s.rules[d]={group:o,index:e,cache:new Set(c)})}if(s)break}if(!s){let i=(e,s)=>({type:s,cssRules:[],insertRule(e,s){this.cssRules.splice(s,0,i(e,{import:3,undefined:1}[(e.toLowerCase().match(/^@([a-z]+)/)||[])[1]]||4))},get cssText(){return"@media{}"===e?`@media{${[].map.call(this.cssRules,e=>e.cssText).join("")}}`:e}});s={sheet:e?(e.head||e).appendChild(document.createElement("style")).sheet:i("","text/css"),rules:{},reset:n,toString:r}}let{sheet:i,rules:l}=s;for(let e=P.length-1;e>=0;--e){let s=P[e];if(!l[s]){let r=P[e+1],n=l[r]?l[r].index:i.cssRules.length;i.insertRule("@media{}",n),i.insertRule(`--sxs{--sxs:${e}}`,n),l[s]={group:i.cssRules[n+1],index:n,cache:new Set([e])}}E(l[s])}};return n(),s},E=e=>{let s=e.group,r=s.cssRules.length;e.apply=e=>{try{s.insertRule(e,r),++r}catch(e){}}},T=Symbol(),F=d(),A=(e,s)=>F(e,()=>(...r)=>{let n={type:null,composers:new Set};for(let s of r)if(null!=s){if(s[h])for(let e of(null==n.type&&(n.type=s[h].type),s[h].composers))n.composers.add(e);else s.constructor!==Object||s.$$typeof?null==n.type&&(n.type=s):n.composers.add(O(s,e))}return null==n.type&&(n.type="span"),n.composers.size||n.composers.add(["PJLV",{},[],[],{},[]]),L(e,n,s)}),O=({variants:e,compoundVariants:s,defaultVariants:r,...n},i)=>{let l=`${w(i.prefix)}c-${$(n)}`,t=[],o=[],a=Object.create(null),c=[];for(let e in r)a[e]=String(r[e]);if("object"==typeof e&&e)for(let s in e){k.call(a,s)||(a[s]="undefined");let r=e[s];for(let e in r){let n={[s]:String(e)};"undefined"===String(e)&&c.push(s);let i=r[e],l=[n,i,!x(i)];t.push(l)}}if("object"==typeof s&&s)for(let e of s){let{css:s,...r}=e;for(let e in s="object"==typeof s&&s||{},r)r[e]=String(r[e]);let n=[r,s,!x(s)];o.push(n)}return[l,n,t,o,a,c]},L=(e,s,r)=>{let[n,i,l,t]=V(s.composers),o="function"==typeof s.type||s.type.$$typeof?(e=>{function s(){for(let r=0;rs.rules[e]={apply:r=>s[T].push([e,r])}),s})(r):null,a=(o||r).rules,c=`.${n}${i.length>1?`:where(.${i.slice(1).join(".")})`:""}`,d=d=>{let{css:h,...p}=d="object"==typeof d&&d||Z,x={};for(let e in l)if(delete p[e],e in d){let s=d[e];"object"==typeof s&&s?x[e]={"@initial":l[e],...s}:(s=String(s),x[e]="undefined"!==s||t.has(e)?s:l[e])}else x[e]=l[e];let k=new Set([...i]);for(let[n,i,l,t]of s.composers){r.rules.styled.cache.has(n)||(r.rules.styled.cache.add(n),M(i,[`.${n}`],[],e,e=>{a.styled.apply(e)}));let s=D(l,x,e.media),o=D(t,x,e.media,!0);for(let i of s)if(void 0!==i)for(let[s,l,t]of i){let i=`${n}-${$(l)}-${s}`;k.add(i);let o=(t?r.rules.resonevar:r.rules.onevar).cache,c=t?a.resonevar:a.onevar;o.has(i)||(o.add(i),M(l,[`.${i}`],[],e,e=>{c.apply(e)}))}for(let s of o)if(void 0!==s)for(let[i,l]of s){let s=`${n}-${$(l)}-${i}`;k.add(s),r.rules.allvar.cache.has(s)||(r.rules.allvar.cache.add(s),M(l,[`.${s}`],[],e,e=>{a.allvar.apply(e)}))}}if("object"==typeof h&&h){let s=`${n}-i${$(h)}-css`;k.add(s),r.rules.inline.cache.has(s)||(r.rules.inline.cache.add(s),M(h,[`.${s}`],[],e,e=>{a.inline.apply(e)}))}for(let e of String(d.className||"").trim().split(/\s+/))e&&k.add(e);let j=p.className=[...k].join(" ");return{type:s.type,className:j,selector:c,props:p,toString:()=>j,deferredInjector:o}};return p(d,{className:n,selector:c,[h]:s,toString:()=>(r.rules.styled.cache.has(n)||d(),n)})},V=e=>{let s="",r=[],n={},i=[];for(let[l,,,,t,o]of e)for(let e in""===s&&(s=l),r.push(l),i.push(...o),t){let s=t[e];(void 0===n[e]||"undefined"!==s||o.includes(s))&&(n[e]=s)}return[s,r,n,new Set(i)]},D=(e,s,r,n)=>{let i=[];e:for(let[l,t,o]of e){if(o)continue;let e,a=0,c=!1;for(e in l){let n=l[e],i=s[e];if(i!==n){if("object"!=typeof i||!i)continue e;{let e,s,l=0;for(let t in i){if(n===String(i[t])){if("@initial"!==t){let e=t.slice(1);(s=s||[]).push(e in r?r[e]:t.replace(/^@media ?/,"")),c=!0}a+=l,e=!0}++l}if(s&&s.length&&(t={["@media "+s.join(", ")]:t}),!e)continue e}}}(i[a]=i[a]||[]).push([n?"cv":`${e}-${l[e]}`,t,c])}return i},Z={},q=d(),H=(e,s)=>q(e,()=>(...r)=>{let n=()=>{for(let n of r){let r=$(n="object"==typeof n&&n||{});if(!s.rules.global.cache.has(r)){if(s.rules.global.cache.add(r),"@import"in n){let e=[].indexOf.call(s.sheet.cssRules,s.rules.themed.group)-1;for(let r of[].concat(n["@import"]))r=r.includes('"')||r.includes("'")?r:`"${r}"`,s.sheet.insertRule(`@import ${r};`,e++);delete n["@import"]}M(n,[],[],e,e=>{s.rules.global.apply(e)})}}return""};return p(n,{toString:n})}),_=d(),G=(e,s)=>_(e,()=>r=>{let n=`${w(e.prefix)}k-${$(r)}`,i=()=>{if(!s.rules.global.cache.has(n)){s.rules.global.cache.add(n);let i=[];M(r,[],[],e,e=>i.push(e));let l=`@keyframes ${n}{${i.join("")}}`;s.rules.global.apply(l)}return n};return p(i,{get name(){return i()},toString:i})}),U=class{constructor(e,s,r,n){this.token=null==e?"":String(e),this.value=null==s?"":String(s),this.scale=null==r?"":String(r),this.prefix=null==n?"":String(n)}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+w(this.prefix)+w(this.scale)+this.token}toString(){return this.computedValue}},X=d(),J=(e,s)=>X(e,()=>(r,n)=>{n="object"==typeof r&&r||Object(n);let i=`.${r=(r="string"==typeof r?r:"")||`${w(e.prefix)}t-${$(n)}`}`,l={},t=[];for(let s in n)for(let r in l[s]={},n[s]){let i=`--${w(e.prefix)}${s}-${r}`,o=S(String(n[s][r]),e.prefix,s);l[s][r]=new U(r,o,s,e.prefix),t.push(`${i}:${o}`)}let o=()=>{if(t.length&&!s.rules.themed.cache.has(r)){s.rules.themed.cache.add(r);let i=`${n===e.theme?":root,":""}.${r}{${t.join(";")}}`;s.rules.themed.apply(i)}return r};return{...l,get className(){return o()},selector:i,toString:o}}),Y=d(),K=d(),Q=e=>{let s=(e=>{let s=!1,r=Y(e,e=>{s=!0;let r="prefix"in(e="object"==typeof e&&e||{})?String(e.prefix):"",n="object"==typeof e.media&&e.media||{},i="object"==typeof e.root?e.root||null:globalThis.document||null,l="object"==typeof e.theme&&e.theme||{},t={prefix:r,media:n,theme:l,themeMap:"object"==typeof e.themeMap&&e.themeMap||{...a},utils:"object"==typeof e.utils&&e.utils||{}},o=z(i),c={css:A(t,o),globalCss:H(t,o),keyframes:G(t,o),createTheme:J(t,o),reset(){o.reset(),c.theme.toString()},theme:{},sheet:o,config:t,prefix:r,getCssText:o.toString,toString:o.toString};return String(c.theme=c.createTheme(l)),c});return s||r.reset(),r})(e);return s.styled=(({config:e,sheet:s})=>K(e,()=>{let r=A(e,s);return(...e)=>{let s=r(...e),n=s[h].type,l=i.forwardRef((e,r)=>{let l=e&&e.as||n,{props:t,deferredInjector:o}=s(e);return delete t.as,t.ref=r,o?i.createElement(i.Fragment,null,i.createElement(l,t),i.createElement(o,null)):i.createElement(l,t)});return l.className=s.className,l.displayName=`Styled.${n.displayName||n.name||n}`,l.selector=s.selector,l.toString=()=>s.selector,l[h]=s[h],l}}))(s),s},ee=()=>n||(n=Q()),es=(...e)=>ee().createTheme(...e)}},function(e){e.O(0,[546,888,774,179],function(){return e(e.s=4786)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[477],{4786:function(e,s,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/composing",function(){return r(3773)}])},3773:function(e,s,r){"use strict";r.r(s),r.d(s,{__toc:function(){return d}});var n=r(2676),i=r(5384),l=r(826),t=r(7104);r(1952);var o=r(7532),a=r(3860),c=r(2686);let d=[{depth:2,value:"Creating a Work page",id:"creating-a-work-page"},{depth:3,value:"Install package",id:"install-package"},{depth:3,value:"Create file",id:"create-file"},{depth:3,value:"Define component",id:"define-component"},{depth:3,value:"Add Viewer",id:"add-viewer"},{depth:3,value:"Add Manifest Content",id:"add-manifest-content"},{depth:3,value:"Add Slider",id:"add-slider"},{depth:2,value:"Summary",id:"summary"}];function h(e){let s=Object.assign({h1:"h1",p:"p",strong:"strong",h2:"h2",a:"a",h3:"h3",pre:"pre",code:"code",span:"span"},(0,o.a)(),e.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.h1,{children:"Composing"}),"\n",(0,n.jsxs)(s.p,{children:["Clover IIIF is designed to allow for rapid creation of web content translated from IIIF resources. The following is quick step-by-step guide to get you up and running with ",(0,n.jsx)(s.strong,{children:"Clover IIIF"}),"."]}),"\n",(0,n.jsx)(s.h2,{id:"creating-a-work-page",children:"Creating a Work page"}),"\n",(0,n.jsxs)(s.p,{children:["In this tutorial, we will install ",(0,n.jsx)(s.strong,{children:"Clover IIIF"}),' and compose a "Work" page representing a IIIF Manifest for ',(0,n.jsx)(s.a,{href:"https://dc.library.northwestern.edu/items/0902aed4-0eb0-4ab4-a151-c925493be04e",children:"Northwestern Football vs. Illinois, 1950"}),"."]}),"\n",(0,n.jsxs)(a.Rg,{children:[(0,n.jsx)(s.h3,{id:"install-package",children:"Install package"}),(0,n.jsx)(s.p,{children:"Add the following dependency to your project:"}),(0,n.jsx)(s.pre,{"data-language":"bash","data-theme":"default",children:(0,n.jsx)(s.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"npm"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"install"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@samvera/clover-iiif"})]})})}),(0,n.jsx)(s.h3,{id:"create-file",children:"Create file"}),(0,n.jsxs)(s.p,{children:["Create a file called ",(0,n.jsx)(s.code,{children:"Work.jsx"})," in your project and add the following:"]}),(0,n.jsx)(s.h3,{id:"define-component",children:"Define component"}),(0,n.jsxs)(s.p,{children:["Import ",(0,n.jsx)(s.code,{children:"React"}),". Define and export a functional component named ",(0,n.jsx)(s.code,{children:"Work"})," that renders an empty ",(0,n.jsx)(s.code,{children:"
"})," element."]}),(0,n.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" React "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"react"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"Work"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"article"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">;"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Work;"})]})]})}),(0,n.jsx)(s.h3,{id:"add-viewer",children:"Add Viewer"}),(0,n.jsxs)(s.p,{children:["As an initial step, define a constant ",(0,n.jsx)(s.code,{children:"manifestId"})," that points to the IIIF Manifest for ",(0,n.jsx)(s.a,{href:"https://dc.library.northwestern.edu/items/0902aed4-0eb0-4ab4-a151-c925493be04e",children:"Northwestern Football vs. Illinois, 1950"}),". Then, add a ",(0,n.jsx)(s.code,{children:""})," component to the ",(0,n.jsx)(s.code,{children:"Work"})," component that renders the IIIF Manifest. If your react application is running in your browser, you should see the Clover IIIF viewer."]}),(0,n.jsx)("br",{}),(0,n.jsx)(c.Z,{href:"/docs/viewer",text:"Viewer Docs",size:"small"}),(0,n.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" React "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"react"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Viewer "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/viewer"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"Work"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifestId"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/works/0902aed4-0eb0-4ab4-a151-c925493be04e?as=iiif"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"article"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Viewer"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"iiifContent"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{manifestId} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" );"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Work;"})]})]})}),(0,n.jsx)(s.h3,{id:"add-manifest-content",children:"Add Manifest Content"}),(0,n.jsxs)(s.p,{children:["Next, we add the IIIF Primitives components to the ",(0,n.jsx)(s.code,{children:"Work"})," component to render the IIIF Manifest content."]}),(0,n.jsx)(s.p,{children:"This requires fetching the IIIF Manifest and passing it to the components. The following code snippet demonstrates how to fetch the IIIF Manifest in a useEffect hook, set the manifest in state, and pass the manifest properties to the IIIF Primitives components."}),(0,n.jsx)(a.UW,{children:(0,n.jsxs)(s.p,{children:["While the ",(0,n.jsx)(s.strong,{children:"Viewer"})," and ",(0,n.jsx)(s.strong,{children:"Slider"})," components are designed for both the IIIF\nPresentation API 2.x and 3.0, the Primitives components, e.g., ",(0,n.jsx)(s.strong,{children:"Label"}),",\n",(0,n.jsx)(s.strong,{children:"Summary"}),", ",(0,n.jsx)(s.strong,{children:"Metadata"}),", are limited to the IIIF Presentation API 3.0. If\nthis is an issue, you can use\n",(0,n.jsx)(s.a,{href:"https://github.com/IIIF-Commons/parser#2-3-converter",children:(0,n.jsx)(s.code,{children:"@iiif/parser"})})," for\nconversion."]})}),(0,n.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" React"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { useEffect"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" useState } "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"react"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Viewer "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/viewer"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Homepage"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" PartOf"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" RequiredStatement"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" SeeAlso"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Summary"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"} "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/primitives"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"Work"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"setManifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"useState"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"();"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifestId"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/works/0902aed4-0eb0-4ab4-a151-c925493be04e?as=iiif"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"useEffect"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"(() "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"async"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"response"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"await"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"fetch"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"(manifestId);"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"json"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"await"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"response"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".json"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"();"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"setManifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"(json);"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" })();"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" [manifestId]);"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"if"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"!"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"manifest) "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <>;"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"article"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Viewer"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"iiifContent"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{manifestId} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".label} "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"as"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"h1"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Summary"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"summary"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".summary} "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"as"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"p"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".metadata} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"RequiredStatement"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"requiredStatement"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".requiredStatement} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"PartOf"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"partOf"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".partOf} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"SeeAlso"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"seeAlso"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".seeAlso} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Homepage"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"homepage"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".homepage} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" );"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Work;"})]})]})}),(0,n.jsx)(s.h3,{id:"add-slider",children:"Add Slider"}),(0,n.jsxs)(s.p,{children:["Finally, we add the ",(0,n.jsx)(s.code,{children:"Slider"})," component to render the IIIF Collection that this Manifest is part of. We also need to import the ",(0,n.jsx)(s.code,{children:"swiper"})," CSS files for baseline styling."]}),(0,n.jsx)("br",{}),(0,n.jsx)(c.Z,{href:"/docs/slider",text:"Slider Docs",size:"small"}),(0,n.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" React"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { useEffect"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" useState } "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"react"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Viewer "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/viewer"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Homepage"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" PartOf"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" RequiredStatement"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" SeeAlso"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Thumbnail"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"} "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/primitives"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Slider "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/slider"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"swiper/css"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"swiper/css/navigation"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"swiper/css/pagination"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"Work"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"setManifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"useState"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"();"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifestId"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/works/0902aed4-0eb0-4ab4-a151-c925493be04e?as=iiif"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"collectionId"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"?.partOf["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"0"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"].id;"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"useEffect"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"(() "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"async"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"response"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"await"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"fetch"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"(manifestId);"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"json"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"await"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"response"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".json"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"();"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"setManifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"(json);"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" })();"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" [manifestId]);"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"if"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"!"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"manifest) "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <>;"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"article"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Viewer"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"iiifContent"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{manifestId} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".label} "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"as"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"h1"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Summary"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"summary"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".summary} "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"as"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"p"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".metadata} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"RequiredStatement"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"requiredStatement"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".requiredStatement} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"PartOf"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"partOf"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".partOf} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"SeeAlso"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"seeAlso"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".seeAlso} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Homepage"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"homepage"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"manifest"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".homepage} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Slider"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"iiifContent"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{collectionId} />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" );"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Work;"})]})]})})]}),"\n",(0,n.jsx)(s.h2,{id:"summary",children:"Summary"}),"\n",(0,n.jsxs)(s.p,{children:["In this tutorial, we installed ",(0,n.jsx)(s.strong,{children:"Clover IIIF"}),' and composed an unstyled "Work" page representing a IIIF Manifest. The completed code covered in these steps is available in a ',(0,n.jsx)(s.a,{href:"https://codesandbox.io/s/clover-iiif-composing-qk73w9?file=/src/Work.jsx",children:"CodeSandbox"}),"."]}),"\n",(0,n.jsx)("br",{}),"\n",(0,n.jsx)(c.Z,{href:"https://codesandbox.io/s/clover-iiif-composing-qk73w9?file=/src/Work.jsx",text:"Experiment with the CodeSandbox",size:"small"})]})}let p={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:s}=Object.assign({},(0,o.a)(),e.components);return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(h,{...e})}):h(e)},pageOpts:{filePath:"pages/docs/composing.mdx",route:"/docs/composing",frontMatter:{title:"Getting Started"},timestamp:1732573097e3,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Getting Started",headings:d},pageNextRoute:"/docs/composing",nextraLayout:l.ZP,themeConfig:t.Z};s.default=(0,i.j)(p)},2686:function(e,s,r){"use strict";var n=r(2676),i=r(8158),l=r(5318),t=r.n(l);r(5271);let o=(0,i.zo)(t(),{display:"inline-flex",fontSize:"1.47rem",fontWeight:"400",lineHeight:"1.6",borderRadius:"6px",color:"#fff",background:"linear-gradient(130deg, hsl(var(--nextra-primary-hue), 100%, 45%) 0%, hsl(calc(var(--nextra-primary-hue) + 50deg), 100%, 38.2%) 100%)",padding:"0.75rem 1.5rem",gap:"0.5rem",boxShadow:"-15px 0 30px -15px hsl(var(--nextra-primary-hue) 100% 45%), 0 0 30px -15px hsl(235 100% 38.2%), 15px 0 30px -15px hsl(calc(var(--nextra-primary-hue) + 50deg), 100%, 45%)",textShadow:"-1px -1px 2px hsl(var(--nextra-primary-hue), 100%, 10%, 10%)",transition:"all 200ms ease-in-out","&:hover, &:focus":{boxShadow:"-15px 0 30px -15px hsla(var(--nextra-primary-hue), 100%, 45%, 100%), 0 0 30px -15px hsla(235, 100%, 38.2%, 38.2%), 15px 0 30px -15px hsla(calc(var(--nextra-primary-hue) + 10deg), 100%, 85%, 25%)"},variants:{size:{small:{fontSize:"1rem",padding:"0.25rem .75rem"}}},span:{display:"inline-flex",color:"hsla(var(--nextra-primary-hue), 100%, 75%, 61.8%)"}});s.Z=e=>{let{href:s,size:r,text:i}=e;return(0,n.jsxs)(o,{className:"nx-bg-primary-400/10",href:s,size:r,children:[i," ",(0,n.jsx)("span",{children:"→"})]})}},8158:function(e,s,r){"use strict";r.d(s,{BC:function(){return i},F4:function(){return o},zo:function(){return l}});var n=r(1028);let i={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:l,css:t,keyframes:o,createTheme:a}=(0,n.Th)({theme:{colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"hsl(".concat(209," 100% 38.2%)"),accentMuted:"hsl(".concat(209," 80% 61.8%)"),accentAlt:"hsl(".concat(209," 80% 30%)"),secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},media:i})},7104:function(e,s,r){"use strict";r.d(s,{Z:function(){return k}});var n=r(2676),i=r(2936),l=r.n(i),t=r(5271);let o={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},a=["Scroll"];var c=e=>{let{title:s}=e;return a.includes(s)?(0,n.jsxs)("span",{children:[s,(0,n.jsx)("span",{style:o,children:"Beta"})]}):(0,n.jsx)("span",{children:s})},d=r(826),h=r(9205);let p="Clover IIIF",x="Showcase IIIF Manifests as interoperable web content.";var k={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),s=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(p):"".concat(p," – ").concat(x),r=e.frontMatter.description?e.frontMatter.description:x,{route:n}=(0,h.useRouter)(),i=(0,t.useMemo)(()=>new URL(n.endsWith("/")?n:"".concat(n,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[n]);return{defaultTitle:"".concat(p," - ").concat(x),title:s,description:r,canonical:i,openGraph:{url:i,title:s,siteName:"".concat(p," - ").concat(x),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,n.jsx)(()=>(0,n.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,n.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,n.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,n.jsx)(l(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,n.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){},1028:function(e,s,r){"use strict";r.d(s,{Th:function(){return Q},jG:function(){return es}});var n,i=r(5271),l="colors",t="sizes",o="space",a={gap:o,gridGap:o,columnGap:o,gridColumnGap:o,rowGap:o,gridRowGap:o,inset:o,insetBlock:o,insetBlockEnd:o,insetBlockStart:o,insetInline:o,insetInlineEnd:o,insetInlineStart:o,margin:o,marginTop:o,marginRight:o,marginBottom:o,marginLeft:o,marginBlock:o,marginBlockEnd:o,marginBlockStart:o,marginInline:o,marginInlineEnd:o,marginInlineStart:o,padding:o,paddingTop:o,paddingRight:o,paddingBottom:o,paddingLeft:o,paddingBlock:o,paddingBlockEnd:o,paddingBlockStart:o,paddingInline:o,paddingInlineEnd:o,paddingInlineStart:o,top:o,right:o,bottom:o,left:o,scrollMargin:o,scrollMarginTop:o,scrollMarginRight:o,scrollMarginBottom:o,scrollMarginLeft:o,scrollMarginX:o,scrollMarginY:o,scrollMarginBlock:o,scrollMarginBlockEnd:o,scrollMarginBlockStart:o,scrollMarginInline:o,scrollMarginInlineEnd:o,scrollMarginInlineStart:o,scrollPadding:o,scrollPaddingTop:o,scrollPaddingRight:o,scrollPaddingBottom:o,scrollPaddingLeft:o,scrollPaddingX:o,scrollPaddingY:o,scrollPaddingBlock:o,scrollPaddingBlockEnd:o,scrollPaddingBlockStart:o,scrollPaddingInline:o,scrollPaddingInlineEnd:o,scrollPaddingInlineStart:o,fontSize:"fontSizes",background:l,backgroundColor:l,backgroundImage:l,borderImage:l,border:l,borderBlock:l,borderBlockEnd:l,borderBlockStart:l,borderBottom:l,borderBottomColor:l,borderColor:l,borderInline:l,borderInlineEnd:l,borderInlineStart:l,borderLeft:l,borderLeftColor:l,borderRight:l,borderRightColor:l,borderTop:l,borderTopColor:l,caretColor:l,color:l,columnRuleColor:l,fill:l,outline:l,outlineColor:l,stroke:l,textDecorationColor:l,fontFamily:"fonts",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",blockSize:t,minBlockSize:t,maxBlockSize:t,inlineSize:t,minInlineSize:t,maxInlineSize:t,width:t,minWidth:t,maxWidth:t,height:t,minHeight:t,maxHeight:t,flexBasis:t,gridTemplateColumns:t,gridTemplateRows:t,borderWidth:"borderWidths",borderTopWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderLeftWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",transition:"transitions",zIndex:"zIndices"},c=(e,s)=>"function"==typeof s?{"()":Function.prototype.toString.call(s)}:s,d=()=>{let e=Object.create(null);return(s,r,...n)=>{let i=JSON.stringify(s,c);return i in e?e[i]:e[i]=r(s,...n)}},h=Symbol.for("sxs.internal"),p=(e,s)=>Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)),x=e=>{for(let s in e)return!0;return!1},{hasOwnProperty:k}=Object.prototype,j=e=>e.includes("-")?e:e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase()),y=/\s+(?![^()]*\))/,m=e=>s=>e(..."string"==typeof s?String(s).split(y):[s]),v={appearance:e=>({WebkitAppearance:e,appearance:e}),backfaceVisibility:e=>({WebkitBackfaceVisibility:e,backfaceVisibility:e}),backdropFilter:e=>({WebkitBackdropFilter:e,backdropFilter:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),boxDecorationBreak:e=>({WebkitBoxDecorationBreak:e,boxDecorationBreak:e}),clipPath:e=>({WebkitClipPath:e,clipPath:e}),content:e=>({content:e.includes('"')||e.includes("'")||/^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e)?e:`"${e}"`}),hyphens:e=>({WebkitHyphens:e,hyphens:e}),maskImage:e=>({WebkitMaskImage:e,maskImage:e}),maskSize:e=>({WebkitMaskSize:e,maskSize:e}),tabSize:e=>({MozTabSize:e,tabSize:e}),textSizeAdjust:e=>({WebkitTextSizeAdjust:e,textSizeAdjust:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),marginBlock:m((e,s)=>({marginBlockStart:e,marginBlockEnd:s||e})),marginInline:m((e,s)=>({marginInlineStart:e,marginInlineEnd:s||e})),maxSize:m((e,s)=>({maxBlockSize:e,maxInlineSize:s||e})),minSize:m((e,s)=>({minBlockSize:e,minInlineSize:s||e})),paddingBlock:m((e,s)=>({paddingBlockStart:e,paddingBlockEnd:s||e})),paddingInline:m((e,s)=>({paddingInlineStart:e,paddingInlineEnd:s||e}))},u=/([\d.]+)([^]*)/,f=(e,s)=>e.length?e.reduce((e,r)=>(e.push(...s.map(e=>e.includes("&")?e.replace(/&/g,/[ +>|~]/.test(r)&&/&.*&/.test(e)?`:is(${r})`:r):r+" "+e)),e),[]):s,g=(e,s)=>e in b&&"string"==typeof s?s.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/,(s,r,n,i)=>r+("stretch"===n?`-moz-available${i};${j(e)}:${r}-webkit-fill-available`:`-moz-fit-content${i};${j(e)}:${r}fit-content`)+i):String(s),b={blockSize:1,height:1,inlineSize:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,width:1},w=e=>e?e+"-":"",S=(e,s,r)=>e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g,(e,n,i,l,t)=>"$"==l==!!i?e:(n||"--"==l?"calc(":"")+"var(--"+("$"===l?w(s)+(t.includes("$")?"":w(r))+t.replace(/\$/g,"-"):t)+")"+(n||"--"==l?"*"+(n||"")+(i||"1")+")":"")),I=/\s*,\s*(?![^()]*\))/,N=Object.prototype.toString,M=(e,s,r,n,i)=>{let l,t,o;let a=(e,s,r)=>{let c,d;let h=e=>{var p;for(c in e){let x=64===c.charCodeAt(0);for(d of x&&Array.isArray(e[c])?e[c]:[e[c]]){let e=/[A-Z]/.test(p=c)?p:p.replace(/-[^]/g,e=>e[1].toUpperCase()),k="object"==typeof d&&d&&d.toString===N&&(!n.utils[e]||!s.length);if(e in n.utils&&!k){let s=n.utils[e];if(s!==t){t=s,h(s(d)),t=null;continue}}else if(e in v){let s=v[e];if(s!==o){o=s,h(s(d)),o=null;continue}}if(x&&(c=(c.slice(1) in n.media?"@media "+n.media[c.slice(1)]:c).replace(/\(\s*([\w-]+)\s*(=|<|<=|>|>=)\s*([\w-]+)\s*(?:(<|<=|>|>=)\s*([\w-]+)\s*)?\)/g,(e,s,r,n,i,l)=>{let t=u.test(s),o=.0625*(t?-1:1),[a,c]=t?[n,s]:[s,n];return"("+("="===r[0]?"":">"===r[0]===t?"max-":"min-")+a+":"+("="!==r[0]&&1===r.length?c.replace(u,(e,s,n)=>Number(s)+o*(">"===r?1:-1)+n):c)+(i?") and ("+(">"===i[0]?"min-":"max-")+a+":"+(1===i.length?l.replace(u,(e,s,r)=>Number(s)+o*(">"===i?-1:1)+r):l):"")+")"})),k){let e=x?r.concat(c):[...r],n=x?[...s]:f(s,c.split(I));void 0!==l&&i(B(...l)),l=void 0,a(d,n,e)}else void 0===l&&(l=[[],s,r]),c=x||36!==c.charCodeAt(0)?c:`--${w(n.prefix)}${c.slice(1).replace(/\$/g,"-")}`,d=k?d:"number"==typeof d?d&&e in R?String(d)+"px":String(d):S(g(e,null==d?"":d),n.prefix,n.themeMap[e]),l[0].push(`${x?`${c} `:`${j(c)}:`}${d}`)}}};h(e),void 0!==l&&i(B(...l)),l=void 0};a(e,s,r)},B=(e,s,r)=>`${r.map(e=>`${e}{`).join("")}${s.length?`${s.join(",")}{`:""}${e.join(";")}${s.length?"}":""}${Array(r.length?r.length+1:0).join("}")}`,R={animationDelay:1,animationDuration:1,backgroundSize:1,blockSize:1,border:1,borderBlock:1,borderBlockEnd:1,borderBlockEndWidth:1,borderBlockStart:1,borderBlockStartWidth:1,borderBlockWidth:1,borderBottom:1,borderBottomLeftRadius:1,borderBottomRightRadius:1,borderBottomWidth:1,borderEndEndRadius:1,borderEndStartRadius:1,borderInlineEnd:1,borderInlineEndWidth:1,borderInlineStart:1,borderInlineStartWidth:1,borderInlineWidth:1,borderLeft:1,borderLeftWidth:1,borderRadius:1,borderRight:1,borderRightWidth:1,borderSpacing:1,borderStartEndRadius:1,borderStartStartRadius:1,borderTop:1,borderTopLeftRadius:1,borderTopRightRadius:1,borderTopWidth:1,borderWidth:1,bottom:1,columnGap:1,columnRule:1,columnRuleWidth:1,columnWidth:1,containIntrinsicSize:1,flexBasis:1,fontSize:1,gap:1,gridAutoColumns:1,gridAutoRows:1,gridTemplateColumns:1,gridTemplateRows:1,height:1,inlineSize:1,inset:1,insetBlock:1,insetBlockEnd:1,insetBlockStart:1,insetInline:1,insetInlineEnd:1,insetInlineStart:1,left:1,letterSpacing:1,margin:1,marginBlock:1,marginBlockEnd:1,marginBlockStart:1,marginBottom:1,marginInline:1,marginInlineEnd:1,marginInlineStart:1,marginLeft:1,marginRight:1,marginTop:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,offsetDistance:1,offsetRotate:1,outline:1,outlineOffset:1,outlineWidth:1,overflowClipMargin:1,padding:1,paddingBlock:1,paddingBlockEnd:1,paddingBlockStart:1,paddingBottom:1,paddingInline:1,paddingInlineEnd:1,paddingInlineStart:1,paddingLeft:1,paddingRight:1,paddingTop:1,perspective:1,right:1,rowGap:1,scrollMargin:1,scrollMarginBlock:1,scrollMarginBlockEnd:1,scrollMarginBlockStart:1,scrollMarginBottom:1,scrollMarginInline:1,scrollMarginInlineEnd:1,scrollMarginInlineStart:1,scrollMarginLeft:1,scrollMarginRight:1,scrollMarginTop:1,scrollPadding:1,scrollPaddingBlock:1,scrollPaddingBlockEnd:1,scrollPaddingBlockStart:1,scrollPaddingBottom:1,scrollPaddingInline:1,scrollPaddingInlineEnd:1,scrollPaddingInlineStart:1,scrollPaddingLeft:1,scrollPaddingRight:1,scrollPaddingTop:1,shapeMargin:1,textDecoration:1,textDecorationThickness:1,textIndent:1,textUnderlineOffset:1,top:1,transitionDelay:1,transitionDuration:1,verticalAlign:1,width:1,wordSpacing:1},C=e=>String.fromCharCode(e+(e>25?39:97)),$=e=>(e=>{let s,r="";for(s=Math.abs(e);s>52;s=s/52|0)r=C(s%52)+r;return C(s%52)+r})(((e,s)=>{let r=s.length;for(;r;)e=33*e^s.charCodeAt(--r);return e})(5381,JSON.stringify(e))>>>0),P=["themed","global","styled","onevar","resonevar","allvar","inline"],W=e=>{if(e.href&&!e.href.startsWith(location.origin))return!1;try{return!!e.cssRules}catch(e){return!1}},z=e=>{let s;let r=()=>{let{cssRules:e}=s.sheet;return[].map.call(e,(r,n)=>{let{cssText:i}=r,l="";if(i.startsWith("--sxs"))return"";if(e[n-1]&&(l=e[n-1].cssText).startsWith("--sxs")){if(!r.cssRules.length)return"";for(let e in s.rules)if(s.rules[e].group===r)return`--sxs{--sxs:${[...s.rules[e].cache].join(" ")}}${i}`;return r.cssRules.length?`${l}${i}`:""}return i}).join("")},n=()=>{if(s){let{rules:e,sheet:r}=s;if(!r.deleteRule){for(;3===Object(Object(r.cssRules)[0]).type;)r.cssRules.splice(0,1);r.cssRules=[]}for(let s in e)delete e[s]}for(let i of Object(e).styleSheets||[])if(W(i)){for(let e=0,l=i.cssRules;l[e];++e){let t=Object(l[e]);if(1!==t.type)continue;let o=Object(l[e+1]);if(4!==o.type)continue;++e;let{cssText:a}=t;if(!a.startsWith("--sxs"))continue;let c=a.slice(14,-3).trim().split(/\s+/),d=P[c[0]];d&&(s||(s={sheet:i,reset:n,rules:{},toString:r}),s.rules[d]={group:o,index:e,cache:new Set(c)})}if(s)break}if(!s){let i=(e,s)=>({type:s,cssRules:[],insertRule(e,s){this.cssRules.splice(s,0,i(e,{import:3,undefined:1}[(e.toLowerCase().match(/^@([a-z]+)/)||[])[1]]||4))},get cssText(){return"@media{}"===e?`@media{${[].map.call(this.cssRules,e=>e.cssText).join("")}}`:e}});s={sheet:e?(e.head||e).appendChild(document.createElement("style")).sheet:i("","text/css"),rules:{},reset:n,toString:r}}let{sheet:i,rules:l}=s;for(let e=P.length-1;e>=0;--e){let s=P[e];if(!l[s]){let r=P[e+1],n=l[r]?l[r].index:i.cssRules.length;i.insertRule("@media{}",n),i.insertRule(`--sxs{--sxs:${e}}`,n),l[s]={group:i.cssRules[n+1],index:n,cache:new Set([e])}}E(l[s])}};return n(),s},E=e=>{let s=e.group,r=s.cssRules.length;e.apply=e=>{try{s.insertRule(e,r),++r}catch(e){}}},T=Symbol(),F=d(),A=(e,s)=>F(e,()=>(...r)=>{let n={type:null,composers:new Set};for(let s of r)if(null!=s){if(s[h])for(let e of(null==n.type&&(n.type=s[h].type),s[h].composers))n.composers.add(e);else s.constructor!==Object||s.$$typeof?null==n.type&&(n.type=s):n.composers.add(O(s,e))}return null==n.type&&(n.type="span"),n.composers.size||n.composers.add(["PJLV",{},[],[],{},[]]),L(e,n,s)}),O=({variants:e,compoundVariants:s,defaultVariants:r,...n},i)=>{let l=`${w(i.prefix)}c-${$(n)}`,t=[],o=[],a=Object.create(null),c=[];for(let e in r)a[e]=String(r[e]);if("object"==typeof e&&e)for(let s in e){k.call(a,s)||(a[s]="undefined");let r=e[s];for(let e in r){let n={[s]:String(e)};"undefined"===String(e)&&c.push(s);let i=r[e],l=[n,i,!x(i)];t.push(l)}}if("object"==typeof s&&s)for(let e of s){let{css:s,...r}=e;for(let e in s="object"==typeof s&&s||{},r)r[e]=String(r[e]);let n=[r,s,!x(s)];o.push(n)}return[l,n,t,o,a,c]},L=(e,s,r)=>{let[n,i,l,t]=V(s.composers),o="function"==typeof s.type||s.type.$$typeof?(e=>{function s(){for(let r=0;rs.rules[e]={apply:r=>s[T].push([e,r])}),s})(r):null,a=(o||r).rules,c=`.${n}${i.length>1?`:where(.${i.slice(1).join(".")})`:""}`,d=d=>{let{css:h,...p}=d="object"==typeof d&&d||Z,x={};for(let e in l)if(delete p[e],e in d){let s=d[e];"object"==typeof s&&s?x[e]={"@initial":l[e],...s}:(s=String(s),x[e]="undefined"!==s||t.has(e)?s:l[e])}else x[e]=l[e];let k=new Set([...i]);for(let[n,i,l,t]of s.composers){r.rules.styled.cache.has(n)||(r.rules.styled.cache.add(n),M(i,[`.${n}`],[],e,e=>{a.styled.apply(e)}));let s=D(l,x,e.media),o=D(t,x,e.media,!0);for(let i of s)if(void 0!==i)for(let[s,l,t]of i){let i=`${n}-${$(l)}-${s}`;k.add(i);let o=(t?r.rules.resonevar:r.rules.onevar).cache,c=t?a.resonevar:a.onevar;o.has(i)||(o.add(i),M(l,[`.${i}`],[],e,e=>{c.apply(e)}))}for(let s of o)if(void 0!==s)for(let[i,l]of s){let s=`${n}-${$(l)}-${i}`;k.add(s),r.rules.allvar.cache.has(s)||(r.rules.allvar.cache.add(s),M(l,[`.${s}`],[],e,e=>{a.allvar.apply(e)}))}}if("object"==typeof h&&h){let s=`${n}-i${$(h)}-css`;k.add(s),r.rules.inline.cache.has(s)||(r.rules.inline.cache.add(s),M(h,[`.${s}`],[],e,e=>{a.inline.apply(e)}))}for(let e of String(d.className||"").trim().split(/\s+/))e&&k.add(e);let j=p.className=[...k].join(" ");return{type:s.type,className:j,selector:c,props:p,toString:()=>j,deferredInjector:o}};return p(d,{className:n,selector:c,[h]:s,toString:()=>(r.rules.styled.cache.has(n)||d(),n)})},V=e=>{let s="",r=[],n={},i=[];for(let[l,,,,t,o]of e)for(let e in""===s&&(s=l),r.push(l),i.push(...o),t){let s=t[e];(void 0===n[e]||"undefined"!==s||o.includes(s))&&(n[e]=s)}return[s,r,n,new Set(i)]},D=(e,s,r,n)=>{let i=[];e:for(let[l,t,o]of e){if(o)continue;let e,a=0,c=!1;for(e in l){let n=l[e],i=s[e];if(i!==n){if("object"!=typeof i||!i)continue e;{let e,s,l=0;for(let t in i){if(n===String(i[t])){if("@initial"!==t){let e=t.slice(1);(s=s||[]).push(e in r?r[e]:t.replace(/^@media ?/,"")),c=!0}a+=l,e=!0}++l}if(s&&s.length&&(t={["@media "+s.join(", ")]:t}),!e)continue e}}}(i[a]=i[a]||[]).push([n?"cv":`${e}-${l[e]}`,t,c])}return i},Z={},q=d(),H=(e,s)=>q(e,()=>(...r)=>{let n=()=>{for(let n of r){let r=$(n="object"==typeof n&&n||{});if(!s.rules.global.cache.has(r)){if(s.rules.global.cache.add(r),"@import"in n){let e=[].indexOf.call(s.sheet.cssRules,s.rules.themed.group)-1;for(let r of[].concat(n["@import"]))r=r.includes('"')||r.includes("'")?r:`"${r}"`,s.sheet.insertRule(`@import ${r};`,e++);delete n["@import"]}M(n,[],[],e,e=>{s.rules.global.apply(e)})}}return""};return p(n,{toString:n})}),_=d(),G=(e,s)=>_(e,()=>r=>{let n=`${w(e.prefix)}k-${$(r)}`,i=()=>{if(!s.rules.global.cache.has(n)){s.rules.global.cache.add(n);let i=[];M(r,[],[],e,e=>i.push(e));let l=`@keyframes ${n}{${i.join("")}}`;s.rules.global.apply(l)}return n};return p(i,{get name(){return i()},toString:i})}),U=class{constructor(e,s,r,n){this.token=null==e?"":String(e),this.value=null==s?"":String(s),this.scale=null==r?"":String(r),this.prefix=null==n?"":String(n)}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+w(this.prefix)+w(this.scale)+this.token}toString(){return this.computedValue}},X=d(),J=(e,s)=>X(e,()=>(r,n)=>{n="object"==typeof r&&r||Object(n);let i=`.${r=(r="string"==typeof r?r:"")||`${w(e.prefix)}t-${$(n)}`}`,l={},t=[];for(let s in n)for(let r in l[s]={},n[s]){let i=`--${w(e.prefix)}${s}-${r}`,o=S(String(n[s][r]),e.prefix,s);l[s][r]=new U(r,o,s,e.prefix),t.push(`${i}:${o}`)}let o=()=>{if(t.length&&!s.rules.themed.cache.has(r)){s.rules.themed.cache.add(r);let i=`${n===e.theme?":root,":""}.${r}{${t.join(";")}}`;s.rules.themed.apply(i)}return r};return{...l,get className(){return o()},selector:i,toString:o}}),Y=d(),K=d(),Q=e=>{let s=(e=>{let s=!1,r=Y(e,e=>{s=!0;let r="prefix"in(e="object"==typeof e&&e||{})?String(e.prefix):"",n="object"==typeof e.media&&e.media||{},i="object"==typeof e.root?e.root||null:globalThis.document||null,l="object"==typeof e.theme&&e.theme||{},t={prefix:r,media:n,theme:l,themeMap:"object"==typeof e.themeMap&&e.themeMap||{...a},utils:"object"==typeof e.utils&&e.utils||{}},o=z(i),c={css:A(t,o),globalCss:H(t,o),keyframes:G(t,o),createTheme:J(t,o),reset(){o.reset(),c.theme.toString()},theme:{},sheet:o,config:t,prefix:r,getCssText:o.toString,toString:o.toString};return String(c.theme=c.createTheme(l)),c});return s||r.reset(),r})(e);return s.styled=(({config:e,sheet:s})=>K(e,()=>{let r=A(e,s);return(...e)=>{let s=r(...e),n=s[h].type,l=i.forwardRef((e,r)=>{let l=e&&e.as||n,{props:t,deferredInjector:o}=s(e);return delete t.as,t.ref=r,o?i.createElement(i.Fragment,null,i.createElement(l,t),i.createElement(o,null)):i.createElement(l,t)});return l.className=s.className,l.displayName=`Styled.${n.displayName||n.name||n}`,l.selector=s.selector,l.toString=()=>s.selector,l[h]=s[h],l}}))(s),s},ee=()=>n||(n=Q()),es=(...e)=>ee().createTheme(...e)}},function(e){e.O(0,[546,888,774,179],function(){return e(e.s=4786)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/docs/homepage-97e5eef2e1b855ff.js b/_next/static/chunks/pages/docs/homepage-a1457bd91321b450.js similarity index 54% rename from _next/static/chunks/pages/docs/homepage-97e5eef2e1b855ff.js rename to _next/static/chunks/pages/docs/homepage-a1457bd91321b450.js index 51056a24..550e4591 100644 --- a/_next/static/chunks/pages/docs/homepage-97e5eef2e1b855ff.js +++ b/_next/static/chunks/pages/docs/homepage-a1457bd91321b450.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[135],{293:function(e,s,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/homepage",function(){return r(7052)}])},7052:function(e,s,r){"use strict";r.r(s),r.d(s,{__toc:function(){return h}});var t=r(2676),n=r(5384),i=r(826),l=r(7104);r(1952);var o=r(7532),a=r(1973),c=r(4384),d=r(3860);let h=[{depth:2,value:"Usage",id:"usage"},{depth:3,value:"React",id:"react"},{depth:3,value:"Next.js",id:"nextjs"},{depth:2,value:"API Reference",id:"api-reference"},{depth:3,value:"HTML Attributes",id:"html-attributes"},{depth:3,value:"Wrapping Children",id:"wrapping-children"}];function p(e){let s=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",h2:"h2",h3:"h3",a:"a",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",strong:"strong"},(0,o.a)(),e.components);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.h1,{children:"Homepage"}),"\n",(0,t.jsx)(s.p,{children:"A web page that is about the object represented by the resource that has the homepage property."}),"\n",(0,t.jsx)(a.Z,{href:"https://iiif.io/api/presentation/3.0/#homepage",text:["homepage"]}),"\n",(0,t.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,t.jsx)(d.OK,{children:(0,t.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,t.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Homepage"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"homepage"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" id"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://dc.library.northwestern.edu/items/71153379-4283-43be-8b0f-4e7e3bfda275"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" type"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Text"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" format"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"text/html"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Homepage at Northwestern University Libraries Digital Collections"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,t.jsx)(d.OK,{children:(0,t.jsx)(c.bw,{homepage:[{id:"https://dc.library.northwestern.edu/items/71153379-4283-43be-8b0f-4e7e3bfda275",type:"Text",format:"text/html",label:{none:["Homepage at Northwestern University Libraries Digital Collections"]}}]})}),(0,t.jsx)(d.OK,{children:(0,t.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,t.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://dc.library.northwestern.edu/items/71153379-4283-43be-8b0f-4e7e3bfda275"'})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Homepage at Northwestern University Libraries Digital Collections"})}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,t.jsx)(s.h2,{id:"usage",children:"Usage"}),"\n",(0,t.jsx)(s.h3,{id:"react",children:"React"}),"\n",(0,t.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,t.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { Homepage } "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/primitives"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:" "}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"CustomHomepage"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ({ homepage }) "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Homepage"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"homepage"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{homepage} />;"})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,t.jsx)(s.span,{className:"line",children:" "}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" CustomHomepage;"})]})]})}),"\n",(0,t.jsx)(s.h3,{id:"nextjs",children:"Next.js"}),"\n",(0,t.jsxs)(s.p,{children:["If using Next.js, you will want to render your ",(0,t.jsx)(s.code,{children:"Homepage"})," component as a Next.js ",(0,t.jsx)(s.a,{href:"https://nextjs.org/docs/api-reference/next/link",children:"Link"})," component. To do so, pass the ",(0,t.jsx)(s.code,{children:"Homepage"})," component with the ",(0,t.jsx)(s.code,{children:"as"})," prop using ",(0,t.jsx)(s.code,{children:"Link"}),"."]}),"\n",(0,t.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,t.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Link "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"next/link"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { Primitives "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"as"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" IIIF } "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/primitives"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:" "}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"CustomHomepage"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ({ homepage }) "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Homepage"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"homepage"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{homepage} "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"as"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{Link} />;"})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,t.jsx)(s.span,{className:"line",children:" "}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" CustomHomepage;"})]})]})}),"\n",(0,t.jsx)(s.h2,{id:"api-reference",children:"API Reference"}),"\n",(0,t.jsxs)(s.table,{children:[(0,t.jsx)(s.thead,{children:(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.th,{children:"Prop"}),(0,t.jsx)(s.th,{children:"Type"}),(0,t.jsx)(s.th,{children:"Default"}),(0,t.jsx)(s.th,{children:"Required"})]})}),(0,t.jsxs)(s.tbody,{children:[(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{children:(0,t.jsx)(s.code,{children:"as"})}),(0,t.jsx)(s.td,{children:(0,t.jsx)(s.code,{children:"a"})}),(0,t.jsx)(s.td,{children:(0,t.jsx)(s.code,{children:"a"})}),(0,t.jsx)(s.td,{children:"--"})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{children:(0,t.jsx)(s.code,{children:"homepage"})}),(0,t.jsx)(s.td,{children:(0,t.jsx)(s.a,{href:"https://iiif.io/api/presentation/3.0/#homepage",children:"homepage"})}),(0,t.jsx)(s.td,{children:"--"}),(0,t.jsx)(s.td,{children:(0,t.jsx)(s.strong,{children:"Yes"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{children:(0,t.jsx)(s.code,{children:"className"})}),(0,t.jsxs)(s.td,{children:[(0,t.jsx)(s.code,{children:"string"}),", ",(0,t.jsx)(s.code,{children:"undefined"})]}),(0,t.jsx)(s.td,{children:"--"}),(0,t.jsx)(s.td,{children:"--"})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{children:(0,t.jsx)(s.code,{children:"style"})}),(0,t.jsxs)(s.td,{children:[(0,t.jsx)(s.code,{children:"CSSProperties"}),", ",(0,t.jsx)(s.code,{children:"undefined"})]}),(0,t.jsx)(s.td,{children:"--"}),(0,t.jsx)(s.td,{children:"--"})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{children:(0,t.jsx)(s.code,{children:"lang"})}),(0,t.jsxs)(s.td,{children:[(0,t.jsx)(s.code,{children:"string"}),", ",(0,t.jsx)(s.code,{children:"undefined"})]}),(0,t.jsx)(s.td,{children:"--"}),(0,t.jsx)(s.td,{children:"--"})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{children:(0,t.jsx)(s.code,{children:"title"})}),(0,t.jsxs)(s.td,{children:[(0,t.jsx)(s.code,{children:"string"}),", ",(0,t.jsx)(s.code,{children:"undefined"})]}),(0,t.jsx)(s.td,{children:"--"}),(0,t.jsx)(s.td,{children:"--"})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{children:(0,t.jsx)(s.code,{children:"data-*"})}),(0,t.jsxs)(s.td,{children:[(0,t.jsx)(s.code,{children:"string"}),", ",(0,t.jsx)(s.code,{children:"undefined"})]}),(0,t.jsx)(s.td,{children:"--"}),(0,t.jsx)(s.td,{children:"--"})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{children:(0,t.jsx)(s.code,{children:"aria-*"})}),(0,t.jsxs)(s.td,{children:[(0,t.jsx)(s.code,{children:"AriaAttributes"}),", ",(0,t.jsx)(s.code,{children:"undefined"})]}),(0,t.jsx)(s.td,{children:"--"}),(0,t.jsx)(s.td,{children:"--"})]})]})]}),"\n",(0,t.jsx)(s.h3,{id:"html-attributes",children:"HTML Attributes"}),"\n",(0,t.jsxs)(s.p,{children:[(0,t.jsx)(s.code,{children:"Homepage"}),", like all Clover IIIF primitives accept common ",(0,t.jsx)(s.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement",children:"HTMLElement"})," attributes. Use the JSX style ",(0,t.jsx)(s.code,{children:"className"})," prop to add custom classes. The same attribute methodology can be used for ",(0,t.jsx)(s.code,{children:"id"}),", ",(0,t.jsx)(s.code,{children:"style"}),", ",(0,t.jsx)(s.code,{children:"title"}),", ",(0,t.jsx)(s.code,{children:"data-*"}),", and ",(0,t.jsx)(s.code,{children:"aria-*"})," props."]}),"\n",(0,t.jsxs)(s.p,{children:["In the following example, an ",(0,t.jsx)(s.code,{children:"onClick()"})," function will display an with the ",(0,t.jsx)(s.code,{children:"data-homepage-id"})," attribute value."]}),"\n",(0,t.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,t.jsx)(d.OK,{children:(0,t.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,t.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Homepage"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"homepage"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" id"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://dc.library.northwestern.edu/items/71153379-4283-43be-8b0f-4e7e3bfda275"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" type"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Text"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" format"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"text/html"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Homepage at Northwestern University Libraries Digital Collections"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"button"'})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"data-homepage-id"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://dc.library.northwestern.edu/items/71153379-4283-43be-8b0f-4e7e3bfda275"'})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"onClick"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{(e) "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"e"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".preventDefault"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"();"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"alert"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"("}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"e"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"."}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"target"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"."}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"dataset"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".homepageId);"})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,t.jsx)(d.OK,{children:(0,t.jsx)(c.bw,{homepage:[{id:"https://dc.library.northwestern.edu/items/71153379-4283-43be-8b0f-4e7e3bfda275",type:"Text",format:"text/html",label:{none:["Homepage at Northwestern University Libraries Digital Collections"]}}],role:"button","data-homepage-id":"https://dc.library.northwestern.edu/items/71153379-4283-43be-8b0f-4e7e3bfda275",onClick:e=>{e.preventDefault(),alert(e.target.dataset.homepageId)}})}),(0,t.jsx)(d.OK,{children:(0,t.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,t.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://dc.library.northwestern.edu/items/71153379-4283-43be-8b0f-4e7e3bfda275"'})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"button"'})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Homepage at Northwestern University Libraries Digital Collections"})}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,t.jsx)(s.h3,{id:"wrapping-children",children:"Wrapping Children"}),"\n",(0,t.jsxs)(s.p,{children:["The ",(0,t.jsx)(s.code,{children:"Homepage"})," component can also be used to wrap React children. An ",(0,t.jsx)(s.code,{children:"aria-label"})," element with the value of the homepage ",(0,t.jsx)(s.code,{children:"label"}),"."]}),"\n",(0,t.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,t.jsx)(d.OK,{children:(0,t.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,t.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Homepage"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"homepage"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" id"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://dc.library.northwestern.edu/items/71153379-4283-43be-8b0f-4e7e3bfda275"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" type"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Text"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" format"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"text/html"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Homepage at Northwestern University Libraries Digital Collections"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"span"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">View Homepage"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})}),(0,t.jsx)(d.OK,{children:(0,t.jsx)(c.bw,{homepage:[{id:"https://dc.library.northwestern.edu/items/71153379-4283-43be-8b0f-4e7e3bfda275",type:"Text",format:"text/html",label:{none:["Homepage at Northwestern University Libraries Digital Collections"]}}],children:(0,t.jsx)("span",{children:"View Homepage"})})}),(0,t.jsx)(d.OK,{children:(0,t.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,t.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"aria-label"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Homepage at Northwestern University Libraries Digital Collections"'})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://dc.library.northwestern.edu/items/71153379-4283-43be-8b0f-4e7e3bfda275"'})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"span"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">View Homepage"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]})]})}let x={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:s}=Object.assign({},(0,o.a)(),e.components);return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(p,{...e})}):p(e)},pageOpts:{filePath:"pages/docs/homepage.mdx",route:"/docs/homepage",frontMatter:{title:"Homepage"},timestamp:173257264e4,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Homepage",headings:h},pageNextRoute:"/docs/homepage",nextraLayout:i.ZP,themeConfig:l.Z};s.default=(0,n.j)(x)},1973:function(e,s,r){"use strict";var t=r(2676),n=r(5318),i=r.n(n);r(5271);var l=r(8158);let o=()=>{let e="#ed1d33",s="#2873ab";return(0,t.jsxs)("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1",style:{height:"1rem"},children:[(0,t.jsx)("title",{children:"IIIF Logo"}),(0,t.jsx)("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)",children:(0,t.jsxs)("g",{transform:"scale(0.1)",children:[(0,t.jsx)("path",{style:{fill:s},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),(0,t.jsx)("path",{style:{fill:s},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),(0,t.jsx)("path",{style:{fill:e},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),(0,t.jsx)("path",{style:{fill:e},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),(0,t.jsx)("path",{style:{fill:s},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),(0,t.jsx)("path",{style:{fill:s},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),(0,t.jsx)("path",{style:{fill:e},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"})]})})]})},a=(0,l.zo)(i(),{display:"inline-flex",flexDirection:"column",textDecoration:"none",alignItems:"center",padding:"0.5rem 0"}),c=(0,l.zo)("span",{display:"inline-flex",alignItems:"center",justifyContent:"center"});s.Z=e=>{let{children:s,href:r,text:n=["Presentation API"]}=e;return(0,t.jsx)(a,{href:r,target:"_blank",className:"nx-flex-col",children:(0,t.jsxs)(c,{className:"nx-gap-2 nx-h-7 nx-rounded-md nx-px-2 nx-text-left nx-text-sm nx-font-medium nx-text-gray-600 nx-transition-colors dark:nx-text-gray-400 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",children:[(0,t.jsx)(o,{})," ",n.join(" or ")," ↗"]})})}},8158:function(e,s,r){"use strict";r.d(s,{BC:function(){return n},F4:function(){return o},zo:function(){return i}});var t=r(1028);let n={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:i,css:l,keyframes:o,createTheme:a}=(0,t.Th)({theme:{colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"hsl(".concat(209," 100% 38.2%)"),accentMuted:"hsl(".concat(209," 80% 61.8%)"),accentAlt:"hsl(".concat(209," 80% 30%)"),secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},media:n})},7104:function(e,s,r){"use strict";r.d(s,{Z:function(){return k}});var t=r(2676),n=r(2936),i=r.n(n),l=r(5271);let o={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},a=["Scroll"];var c=e=>{let{title:s}=e;return a.includes(s)?(0,t.jsxs)("span",{children:[s,(0,t.jsx)("span",{style:o,children:"Beta"})]}):(0,t.jsx)("span",{children:s})},d=r(826),h=r(9205);let p="Clover IIIF",x="Showcase IIIF Manifests as interoperable web content.";var k={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),s=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(p):"".concat(p," – ").concat(x),r=e.frontMatter.description?e.frontMatter.description:x,{route:t}=(0,h.useRouter)(),n=(0,l.useMemo)(()=>new URL(t.endsWith("/")?t:"".concat(t,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[t]);return{defaultTitle:"".concat(p," - ").concat(x),title:s,description:r,canonical:n,openGraph:{url:n,title:s,siteName:"".concat(p," - ").concat(x),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,t.jsx)(()=>(0,t.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,t.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,t.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,t.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,t.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,t.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,t.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,t.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,t.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,t.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,t.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,t.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,t.jsx)(i(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,t.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){},1028:function(e,s,r){"use strict";r.d(s,{Th:function(){return Y},jG:function(){return es}});var t,n=r(5271),i="colors",l="sizes",o="space",a={gap:o,gridGap:o,columnGap:o,gridColumnGap:o,rowGap:o,gridRowGap:o,inset:o,insetBlock:o,insetBlockEnd:o,insetBlockStart:o,insetInline:o,insetInlineEnd:o,insetInlineStart:o,margin:o,marginTop:o,marginRight:o,marginBottom:o,marginLeft:o,marginBlock:o,marginBlockEnd:o,marginBlockStart:o,marginInline:o,marginInlineEnd:o,marginInlineStart:o,padding:o,paddingTop:o,paddingRight:o,paddingBottom:o,paddingLeft:o,paddingBlock:o,paddingBlockEnd:o,paddingBlockStart:o,paddingInline:o,paddingInlineEnd:o,paddingInlineStart:o,top:o,right:o,bottom:o,left:o,scrollMargin:o,scrollMarginTop:o,scrollMarginRight:o,scrollMarginBottom:o,scrollMarginLeft:o,scrollMarginX:o,scrollMarginY:o,scrollMarginBlock:o,scrollMarginBlockEnd:o,scrollMarginBlockStart:o,scrollMarginInline:o,scrollMarginInlineEnd:o,scrollMarginInlineStart:o,scrollPadding:o,scrollPaddingTop:o,scrollPaddingRight:o,scrollPaddingBottom:o,scrollPaddingLeft:o,scrollPaddingX:o,scrollPaddingY:o,scrollPaddingBlock:o,scrollPaddingBlockEnd:o,scrollPaddingBlockStart:o,scrollPaddingInline:o,scrollPaddingInlineEnd:o,scrollPaddingInlineStart:o,fontSize:"fontSizes",background:i,backgroundColor:i,backgroundImage:i,borderImage:i,border:i,borderBlock:i,borderBlockEnd:i,borderBlockStart:i,borderBottom:i,borderBottomColor:i,borderColor:i,borderInline:i,borderInlineEnd:i,borderInlineStart:i,borderLeft:i,borderLeftColor:i,borderRight:i,borderRightColor:i,borderTop:i,borderTopColor:i,caretColor:i,color:i,columnRuleColor:i,fill:i,outline:i,outlineColor:i,stroke:i,textDecorationColor:i,fontFamily:"fonts",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",blockSize:l,minBlockSize:l,maxBlockSize:l,inlineSize:l,minInlineSize:l,maxInlineSize:l,width:l,minWidth:l,maxWidth:l,height:l,minHeight:l,maxHeight:l,flexBasis:l,gridTemplateColumns:l,gridTemplateRows:l,borderWidth:"borderWidths",borderTopWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderLeftWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",transition:"transitions",zIndex:"zIndices"},c=(e,s)=>"function"==typeof s?{"()":Function.prototype.toString.call(s)}:s,d=()=>{let e=Object.create(null);return(s,r,...t)=>{let n=JSON.stringify(s,c);return n in e?e[n]:e[n]=r(s,...t)}},h=Symbol.for("sxs.internal"),p=(e,s)=>Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)),x=e=>{for(let s in e)return!0;return!1},{hasOwnProperty:k}=Object.prototype,m=e=>e.includes("-")?e:e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase()),j=/\s+(?![^()]*\))/,g=e=>s=>e(..."string"==typeof s?String(s).split(j):[s]),u={appearance:e=>({WebkitAppearance:e,appearance:e}),backfaceVisibility:e=>({WebkitBackfaceVisibility:e,backfaceVisibility:e}),backdropFilter:e=>({WebkitBackdropFilter:e,backdropFilter:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),boxDecorationBreak:e=>({WebkitBoxDecorationBreak:e,boxDecorationBreak:e}),clipPath:e=>({WebkitClipPath:e,clipPath:e}),content:e=>({content:e.includes('"')||e.includes("'")||/^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e)?e:`"${e}"`}),hyphens:e=>({WebkitHyphens:e,hyphens:e}),maskImage:e=>({WebkitMaskImage:e,maskImage:e}),maskSize:e=>({WebkitMaskSize:e,maskSize:e}),tabSize:e=>({MozTabSize:e,tabSize:e}),textSizeAdjust:e=>({WebkitTextSizeAdjust:e,textSizeAdjust:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),marginBlock:g((e,s)=>({marginBlockStart:e,marginBlockEnd:s||e})),marginInline:g((e,s)=>({marginInlineStart:e,marginInlineEnd:s||e})),maxSize:g((e,s)=>({maxBlockSize:e,maxInlineSize:s||e})),minSize:g((e,s)=>({minBlockSize:e,minInlineSize:s||e})),paddingBlock:g((e,s)=>({paddingBlockStart:e,paddingBlockEnd:s||e})),paddingInline:g((e,s)=>({paddingInlineStart:e,paddingInlineEnd:s||e}))},y=/([\d.]+)([^]*)/,f=(e,s)=>e.length?e.reduce((e,r)=>(e.push(...s.map(e=>e.includes("&")?e.replace(/&/g,/[ +>|~]/.test(r)&&/&.*&/.test(e)?`:is(${r})`:r):r+" "+e)),e),[]):s,v=(e,s)=>e in b&&"string"==typeof s?s.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/,(s,r,t,n)=>r+("stretch"===t?`-moz-available${n};${m(e)}:${r}-webkit-fill-available`:`-moz-fit-content${n};${m(e)}:${r}fit-content`)+n):String(s),b={blockSize:1,height:1,inlineSize:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,width:1},w=e=>e?e+"-":"",S=(e,s,r)=>e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g,(e,t,n,i,l)=>"$"==i==!!n?e:(t||"--"==i?"calc(":"")+"var(--"+("$"===i?w(s)+(l.includes("$")?"":w(r))+l.replace(/\$/g,"-"):l)+")"+(t||"--"==i?"*"+(t||"")+(n||"1")+")":"")),N=/\s*,\s*(?![^()]*\))/,I=Object.prototype.toString,M=(e,s,r,t,n)=>{let i,l,o;let a=(e,s,r)=>{let c,d;let h=e=>{var p;for(c in e){let x=64===c.charCodeAt(0);for(d of x&&Array.isArray(e[c])?e[c]:[e[c]]){let e=/[A-Z]/.test(p=c)?p:p.replace(/-[^]/g,e=>e[1].toUpperCase()),k="object"==typeof d&&d&&d.toString===I&&(!t.utils[e]||!s.length);if(e in t.utils&&!k){let s=t.utils[e];if(s!==l){l=s,h(s(d)),l=null;continue}}else if(e in u){let s=u[e];if(s!==o){o=s,h(s(d)),o=null;continue}}if(x&&(c=(c.slice(1) in t.media?"@media "+t.media[c.slice(1)]:c).replace(/\(\s*([\w-]+)\s*(=|<|<=|>|>=)\s*([\w-]+)\s*(?:(<|<=|>|>=)\s*([\w-]+)\s*)?\)/g,(e,s,r,t,n,i)=>{let l=y.test(s),o=.0625*(l?-1:1),[a,c]=l?[t,s]:[s,t];return"("+("="===r[0]?"":">"===r[0]===l?"max-":"min-")+a+":"+("="!==r[0]&&1===r.length?c.replace(y,(e,s,t)=>Number(s)+o*(">"===r?1:-1)+t):c)+(n?") and ("+(">"===n[0]?"min-":"max-")+a+":"+(1===n.length?i.replace(y,(e,s,r)=>Number(s)+o*(">"===n?-1:1)+r):i):"")+")"})),k){let e=x?r.concat(c):[...r],t=x?[...s]:f(s,c.split(N));void 0!==i&&n(B(...i)),i=void 0,a(d,t,e)}else void 0===i&&(i=[[],s,r]),c=x||36!==c.charCodeAt(0)?c:`--${w(t.prefix)}${c.slice(1).replace(/\$/g,"-")}`,d=k?d:"number"==typeof d?d&&e in C?String(d)+"px":String(d):S(v(e,null==d?"":d),t.prefix,t.themeMap[e]),i[0].push(`${x?`${c} `:`${m(c)}:`}${d}`)}}};h(e),void 0!==i&&n(B(...i)),i=void 0};a(e,s,r)},B=(e,s,r)=>`${r.map(e=>`${e}{`).join("")}${s.length?`${s.join(",")}{`:""}${e.join(";")}${s.length?"}":""}${Array(r.length?r.length+1:0).join("}")}`,C={animationDelay:1,animationDuration:1,backgroundSize:1,blockSize:1,border:1,borderBlock:1,borderBlockEnd:1,borderBlockEndWidth:1,borderBlockStart:1,borderBlockStartWidth:1,borderBlockWidth:1,borderBottom:1,borderBottomLeftRadius:1,borderBottomRightRadius:1,borderBottomWidth:1,borderEndEndRadius:1,borderEndStartRadius:1,borderInlineEnd:1,borderInlineEndWidth:1,borderInlineStart:1,borderInlineStartWidth:1,borderInlineWidth:1,borderLeft:1,borderLeftWidth:1,borderRadius:1,borderRight:1,borderRightWidth:1,borderSpacing:1,borderStartEndRadius:1,borderStartStartRadius:1,borderTop:1,borderTopLeftRadius:1,borderTopRightRadius:1,borderTopWidth:1,borderWidth:1,bottom:1,columnGap:1,columnRule:1,columnRuleWidth:1,columnWidth:1,containIntrinsicSize:1,flexBasis:1,fontSize:1,gap:1,gridAutoColumns:1,gridAutoRows:1,gridTemplateColumns:1,gridTemplateRows:1,height:1,inlineSize:1,inset:1,insetBlock:1,insetBlockEnd:1,insetBlockStart:1,insetInline:1,insetInlineEnd:1,insetInlineStart:1,left:1,letterSpacing:1,margin:1,marginBlock:1,marginBlockEnd:1,marginBlockStart:1,marginBottom:1,marginInline:1,marginInlineEnd:1,marginInlineStart:1,marginLeft:1,marginRight:1,marginTop:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,offsetDistance:1,offsetRotate:1,outline:1,outlineOffset:1,outlineWidth:1,overflowClipMargin:1,padding:1,paddingBlock:1,paddingBlockEnd:1,paddingBlockStart:1,paddingBottom:1,paddingInline:1,paddingInlineEnd:1,paddingInlineStart:1,paddingLeft:1,paddingRight:1,paddingTop:1,perspective:1,right:1,rowGap:1,scrollMargin:1,scrollMarginBlock:1,scrollMarginBlockEnd:1,scrollMarginBlockStart:1,scrollMarginBottom:1,scrollMarginInline:1,scrollMarginInlineEnd:1,scrollMarginInlineStart:1,scrollMarginLeft:1,scrollMarginRight:1,scrollMarginTop:1,scrollPadding:1,scrollPaddingBlock:1,scrollPaddingBlockEnd:1,scrollPaddingBlockStart:1,scrollPaddingBottom:1,scrollPaddingInline:1,scrollPaddingInlineEnd:1,scrollPaddingInlineStart:1,scrollPaddingLeft:1,scrollPaddingRight:1,scrollPaddingTop:1,shapeMargin:1,textDecoration:1,textDecorationThickness:1,textIndent:1,textUnderlineOffset:1,top:1,transitionDelay:1,transitionDuration:1,verticalAlign:1,width:1,wordSpacing:1},R=e=>String.fromCharCode(e+(e>25?39:97)),$=e=>(e=>{let s,r="";for(s=Math.abs(e);s>52;s=s/52|0)r=R(s%52)+r;return R(s%52)+r})(((e,s)=>{let r=s.length;for(;r;)e=33*e^s.charCodeAt(--r);return e})(5381,JSON.stringify(e))>>>0),P=["themed","global","styled","onevar","resonevar","allvar","inline"],T=e=>{if(e.href&&!e.href.startsWith(location.origin))return!1;try{return!!e.cssRules}catch(e){return!1}},z=e=>{let s;let r=()=>{let{cssRules:e}=s.sheet;return[].map.call(e,(r,t)=>{let{cssText:n}=r,i="";if(n.startsWith("--sxs"))return"";if(e[t-1]&&(i=e[t-1].cssText).startsWith("--sxs")){if(!r.cssRules.length)return"";for(let e in s.rules)if(s.rules[e].group===r)return`--sxs{--sxs:${[...s.rules[e].cache].join(" ")}}${n}`;return r.cssRules.length?`${i}${n}`:""}return n}).join("")},t=()=>{if(s){let{rules:e,sheet:r}=s;if(!r.deleteRule){for(;3===Object(Object(r.cssRules)[0]).type;)r.cssRules.splice(0,1);r.cssRules=[]}for(let s in e)delete e[s]}for(let n of Object(e).styleSheets||[])if(T(n)){for(let e=0,i=n.cssRules;i[e];++e){let l=Object(i[e]);if(1!==l.type)continue;let o=Object(i[e+1]);if(4!==o.type)continue;++e;let{cssText:a}=l;if(!a.startsWith("--sxs"))continue;let c=a.slice(14,-3).trim().split(/\s+/),d=P[c[0]];d&&(s||(s={sheet:n,reset:t,rules:{},toString:r}),s.rules[d]={group:o,index:e,cache:new Set(c)})}if(s)break}if(!s){let n=(e,s)=>({type:s,cssRules:[],insertRule(e,s){this.cssRules.splice(s,0,n(e,{import:3,undefined:1}[(e.toLowerCase().match(/^@([a-z]+)/)||[])[1]]||4))},get cssText(){return"@media{}"===e?`@media{${[].map.call(this.cssRules,e=>e.cssText).join("")}}`:e}});s={sheet:e?(e.head||e).appendChild(document.createElement("style")).sheet:n("","text/css"),rules:{},reset:t,toString:r}}let{sheet:n,rules:i}=s;for(let e=P.length-1;e>=0;--e){let s=P[e];if(!i[s]){let r=P[e+1],t=i[r]?i[r].index:n.cssRules.length;n.insertRule("@media{}",t),n.insertRule(`--sxs{--sxs:${e}}`,t),i[s]={group:n.cssRules[t+1],index:t,cache:new Set([e])}}W(i[s])}};return t(),s},W=e=>{let s=e.group,r=s.cssRules.length;e.apply=e=>{try{s.insertRule(e,r),++r}catch(e){}}},E=Symbol(),L=d(),H=(e,s)=>L(e,()=>(...r)=>{let t={type:null,composers:new Set};for(let s of r)if(null!=s){if(s[h])for(let e of(null==t.type&&(t.type=s[h].type),s[h].composers))t.composers.add(e);else s.constructor!==Object||s.$$typeof?null==t.type&&(t.type=s):t.composers.add(O(s,e))}return null==t.type&&(t.type="span"),t.composers.size||t.composers.add(["PJLV",{},[],[],{},[]]),A(e,t,s)}),O=({variants:e,compoundVariants:s,defaultVariants:r,...t},n)=>{let i=`${w(n.prefix)}c-${$(t)}`,l=[],o=[],a=Object.create(null),c=[];for(let e in r)a[e]=String(r[e]);if("object"==typeof e&&e)for(let s in e){k.call(a,s)||(a[s]="undefined");let r=e[s];for(let e in r){let t={[s]:String(e)};"undefined"===String(e)&&c.push(s);let n=r[e],i=[t,n,!x(n)];l.push(i)}}if("object"==typeof s&&s)for(let e of s){let{css:s,...r}=e;for(let e in s="object"==typeof s&&s||{},r)r[e]=String(r[e]);let t=[r,s,!x(s)];o.push(t)}return[i,t,l,o,a,c]},A=(e,s,r)=>{let[t,n,i,l]=D(s.composers),o="function"==typeof s.type||s.type.$$typeof?(e=>{function s(){for(let r=0;rs.rules[e]={apply:r=>s[E].push([e,r])}),s})(r):null,a=(o||r).rules,c=`.${t}${n.length>1?`:where(.${n.slice(1).join(".")})`:""}`,d=d=>{let{css:h,...p}=d="object"==typeof d&&d||V,x={};for(let e in i)if(delete p[e],e in d){let s=d[e];"object"==typeof s&&s?x[e]={"@initial":i[e],...s}:(s=String(s),x[e]="undefined"!==s||l.has(e)?s:i[e])}else x[e]=i[e];let k=new Set([...n]);for(let[t,n,i,l]of s.composers){r.rules.styled.cache.has(t)||(r.rules.styled.cache.add(t),M(n,[`.${t}`],[],e,e=>{a.styled.apply(e)}));let s=F(i,x,e.media),o=F(l,x,e.media,!0);for(let n of s)if(void 0!==n)for(let[s,i,l]of n){let n=`${t}-${$(i)}-${s}`;k.add(n);let o=(l?r.rules.resonevar:r.rules.onevar).cache,c=l?a.resonevar:a.onevar;o.has(n)||(o.add(n),M(i,[`.${n}`],[],e,e=>{c.apply(e)}))}for(let s of o)if(void 0!==s)for(let[n,i]of s){let s=`${t}-${$(i)}-${n}`;k.add(s),r.rules.allvar.cache.has(s)||(r.rules.allvar.cache.add(s),M(i,[`.${s}`],[],e,e=>{a.allvar.apply(e)}))}}if("object"==typeof h&&h){let s=`${t}-i${$(h)}-css`;k.add(s),r.rules.inline.cache.has(s)||(r.rules.inline.cache.add(s),M(h,[`.${s}`],[],e,e=>{a.inline.apply(e)}))}for(let e of String(d.className||"").trim().split(/\s+/))e&&k.add(e);let m=p.className=[...k].join(" ");return{type:s.type,className:m,selector:c,props:p,toString:()=>m,deferredInjector:o}};return p(d,{className:t,selector:c,[h]:s,toString:()=>(r.rules.styled.cache.has(t)||d(),t)})},D=e=>{let s="",r=[],t={},n=[];for(let[i,,,,l,o]of e)for(let e in""===s&&(s=i),r.push(i),n.push(...o),l){let s=l[e];(void 0===t[e]||"undefined"!==s||o.includes(s))&&(t[e]=s)}return[s,r,t,new Set(n)]},F=(e,s,r,t)=>{let n=[];e:for(let[i,l,o]of e){if(o)continue;let e,a=0,c=!1;for(e in i){let t=i[e],n=s[e];if(n!==t){if("object"!=typeof n||!n)continue e;{let e,s,i=0;for(let l in n){if(t===String(n[l])){if("@initial"!==l){let e=l.slice(1);(s=s||[]).push(e in r?r[e]:l.replace(/^@media ?/,"")),c=!0}a+=i,e=!0}++i}if(s&&s.length&&(l={["@media "+s.join(", ")]:l}),!e)continue e}}}(n[a]=n[a]||[]).push([t?"cv":`${e}-${i[e]}`,l,c])}return n},V={},Z=d(),U=(e,s)=>Z(e,()=>(...r)=>{let t=()=>{for(let t of r){let r=$(t="object"==typeof t&&t||{});if(!s.rules.global.cache.has(r)){if(s.rules.global.cache.add(r),"@import"in t){let e=[].indexOf.call(s.sheet.cssRules,s.rules.themed.group)-1;for(let r of[].concat(t["@import"]))r=r.includes('"')||r.includes("'")?r:`"${r}"`,s.sheet.insertRule(`@import ${r};`,e++);delete t["@import"]}M(t,[],[],e,e=>{s.rules.global.apply(e)})}}return""};return p(t,{toString:t})}),_=d(),G=(e,s)=>_(e,()=>r=>{let t=`${w(e.prefix)}k-${$(r)}`,n=()=>{if(!s.rules.global.cache.has(t)){s.rules.global.cache.add(t);let n=[];M(r,[],[],e,e=>n.push(e));let i=`@keyframes ${t}{${n.join("")}}`;s.rules.global.apply(i)}return t};return p(n,{get name(){return n()},toString:n})}),K=class{constructor(e,s,r,t){this.token=null==e?"":String(e),this.value=null==s?"":String(s),this.scale=null==r?"":String(r),this.prefix=null==t?"":String(t)}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+w(this.prefix)+w(this.scale)+this.token}toString(){return this.computedValue}},q=d(),J=(e,s)=>q(e,()=>(r,t)=>{t="object"==typeof r&&r||Object(t);let n=`.${r=(r="string"==typeof r?r:"")||`${w(e.prefix)}t-${$(t)}`}`,i={},l=[];for(let s in t)for(let r in i[s]={},t[s]){let n=`--${w(e.prefix)}${s}-${r}`,o=S(String(t[s][r]),e.prefix,s);i[s][r]=new K(r,o,s,e.prefix),l.push(`${n}:${o}`)}let o=()=>{if(l.length&&!s.rules.themed.cache.has(r)){s.rules.themed.cache.add(r);let n=`${t===e.theme?":root,":""}.${r}{${l.join(";")}}`;s.rules.themed.apply(n)}return r};return{...i,get className(){return o()},selector:n,toString:o}}),X=d(),Q=d(),Y=e=>{let s=(e=>{let s=!1,r=X(e,e=>{s=!0;let r="prefix"in(e="object"==typeof e&&e||{})?String(e.prefix):"",t="object"==typeof e.media&&e.media||{},n="object"==typeof e.root?e.root||null:globalThis.document||null,i="object"==typeof e.theme&&e.theme||{},l={prefix:r,media:t,theme:i,themeMap:"object"==typeof e.themeMap&&e.themeMap||{...a},utils:"object"==typeof e.utils&&e.utils||{}},o=z(n),c={css:H(l,o),globalCss:U(l,o),keyframes:G(l,o),createTheme:J(l,o),reset(){o.reset(),c.theme.toString()},theme:{},sheet:o,config:l,prefix:r,getCssText:o.toString,toString:o.toString};return String(c.theme=c.createTheme(i)),c});return s||r.reset(),r})(e);return s.styled=(({config:e,sheet:s})=>Q(e,()=>{let r=H(e,s);return(...e)=>{let s=r(...e),t=s[h].type,i=n.forwardRef((e,r)=>{let i=e&&e.as||t,{props:l,deferredInjector:o}=s(e);return delete l.as,l.ref=r,o?n.createElement(n.Fragment,null,n.createElement(i,l),n.createElement(o,null)):n.createElement(i,l)});return i.className=s.className,i.displayName=`Styled.${t.displayName||t.name||t}`,i.selector=s.selector,i.toString=()=>s.selector,i[h]=s[h],i}}))(s),s},ee=()=>t||(t=Y()),es=(...e)=>ee().createTheme(...e)}},function(e){e.O(0,[585,546,965,580,542,888,774,179],function(){return e(e.s=293)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[135],{293:function(e,s,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/homepage",function(){return r(7052)}])},7052:function(e,s,r){"use strict";r.r(s),r.d(s,{__toc:function(){return h}});var t=r(2676),n=r(5384),i=r(826),l=r(7104);r(1952);var o=r(7532),a=r(1973),c=r(4384),d=r(3860);let h=[{depth:2,value:"Usage",id:"usage"},{depth:3,value:"React",id:"react"},{depth:3,value:"Next.js",id:"nextjs"},{depth:2,value:"API Reference",id:"api-reference"},{depth:3,value:"HTML Attributes",id:"html-attributes"},{depth:3,value:"Wrapping Children",id:"wrapping-children"}];function p(e){let s=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",h2:"h2",h3:"h3",a:"a",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",strong:"strong"},(0,o.a)(),e.components);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.h1,{children:"Homepage"}),"\n",(0,t.jsx)(s.p,{children:"A web page that is about the object represented by the resource that has the homepage property."}),"\n",(0,t.jsx)(a.Z,{href:"https://iiif.io/api/presentation/3.0/#homepage",text:["homepage"]}),"\n",(0,t.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,t.jsx)(d.OK,{children:(0,t.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,t.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Homepage"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"homepage"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" id"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://dc.library.northwestern.edu/items/71153379-4283-43be-8b0f-4e7e3bfda275"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" type"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Text"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" format"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"text/html"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Homepage at Northwestern University Libraries Digital Collections"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,t.jsx)(d.OK,{children:(0,t.jsx)(c.bw,{homepage:[{id:"https://dc.library.northwestern.edu/items/71153379-4283-43be-8b0f-4e7e3bfda275",type:"Text",format:"text/html",label:{none:["Homepage at Northwestern University Libraries Digital Collections"]}}]})}),(0,t.jsx)(d.OK,{children:(0,t.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,t.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://dc.library.northwestern.edu/items/71153379-4283-43be-8b0f-4e7e3bfda275"'})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Homepage at Northwestern University Libraries Digital Collections"})}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,t.jsx)(s.h2,{id:"usage",children:"Usage"}),"\n",(0,t.jsx)(s.h3,{id:"react",children:"React"}),"\n",(0,t.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,t.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { Homepage } "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/primitives"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:" "}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"CustomHomepage"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ({ homepage }) "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Homepage"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"homepage"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{homepage} />;"})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,t.jsx)(s.span,{className:"line",children:" "}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" CustomHomepage;"})]})]})}),"\n",(0,t.jsx)(s.h3,{id:"nextjs",children:"Next.js"}),"\n",(0,t.jsxs)(s.p,{children:["If using Next.js, you will want to render your ",(0,t.jsx)(s.code,{children:"Homepage"})," component as a Next.js ",(0,t.jsx)(s.a,{href:"https://nextjs.org/docs/api-reference/next/link",children:"Link"})," component. To do so, pass the ",(0,t.jsx)(s.code,{children:"Homepage"})," component with the ",(0,t.jsx)(s.code,{children:"as"})," prop using ",(0,t.jsx)(s.code,{children:"Link"}),"."]}),"\n",(0,t.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,t.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Link "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"next/link"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { Primitives "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"as"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" IIIF } "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/primitives"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:" "}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"CustomHomepage"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ({ homepage }) "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Homepage"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"homepage"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{homepage} "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"as"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{Link} />;"})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,t.jsx)(s.span,{className:"line",children:" "}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" CustomHomepage;"})]})]})}),"\n",(0,t.jsx)(s.h2,{id:"api-reference",children:"API Reference"}),"\n",(0,t.jsxs)(s.table,{children:[(0,t.jsx)(s.thead,{children:(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.th,{children:"Prop"}),(0,t.jsx)(s.th,{children:"Type"}),(0,t.jsx)(s.th,{children:"Default"}),(0,t.jsx)(s.th,{children:"Required"})]})}),(0,t.jsxs)(s.tbody,{children:[(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{children:(0,t.jsx)(s.code,{children:"as"})}),(0,t.jsx)(s.td,{children:(0,t.jsx)(s.code,{children:"a"})}),(0,t.jsx)(s.td,{children:(0,t.jsx)(s.code,{children:"a"})}),(0,t.jsx)(s.td,{children:"--"})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{children:(0,t.jsx)(s.code,{children:"homepage"})}),(0,t.jsx)(s.td,{children:(0,t.jsx)(s.a,{href:"https://iiif.io/api/presentation/3.0/#homepage",children:"homepage"})}),(0,t.jsx)(s.td,{children:"--"}),(0,t.jsx)(s.td,{children:(0,t.jsx)(s.strong,{children:"Yes"})})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{children:(0,t.jsx)(s.code,{children:"className"})}),(0,t.jsxs)(s.td,{children:[(0,t.jsx)(s.code,{children:"string"}),", ",(0,t.jsx)(s.code,{children:"undefined"})]}),(0,t.jsx)(s.td,{children:"--"}),(0,t.jsx)(s.td,{children:"--"})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{children:(0,t.jsx)(s.code,{children:"style"})}),(0,t.jsxs)(s.td,{children:[(0,t.jsx)(s.code,{children:"CSSProperties"}),", ",(0,t.jsx)(s.code,{children:"undefined"})]}),(0,t.jsx)(s.td,{children:"--"}),(0,t.jsx)(s.td,{children:"--"})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{children:(0,t.jsx)(s.code,{children:"lang"})}),(0,t.jsxs)(s.td,{children:[(0,t.jsx)(s.code,{children:"string"}),", ",(0,t.jsx)(s.code,{children:"undefined"})]}),(0,t.jsx)(s.td,{children:"--"}),(0,t.jsx)(s.td,{children:"--"})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{children:(0,t.jsx)(s.code,{children:"title"})}),(0,t.jsxs)(s.td,{children:[(0,t.jsx)(s.code,{children:"string"}),", ",(0,t.jsx)(s.code,{children:"undefined"})]}),(0,t.jsx)(s.td,{children:"--"}),(0,t.jsx)(s.td,{children:"--"})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{children:(0,t.jsx)(s.code,{children:"data-*"})}),(0,t.jsxs)(s.td,{children:[(0,t.jsx)(s.code,{children:"string"}),", ",(0,t.jsx)(s.code,{children:"undefined"})]}),(0,t.jsx)(s.td,{children:"--"}),(0,t.jsx)(s.td,{children:"--"})]}),(0,t.jsxs)(s.tr,{children:[(0,t.jsx)(s.td,{children:(0,t.jsx)(s.code,{children:"aria-*"})}),(0,t.jsxs)(s.td,{children:[(0,t.jsx)(s.code,{children:"AriaAttributes"}),", ",(0,t.jsx)(s.code,{children:"undefined"})]}),(0,t.jsx)(s.td,{children:"--"}),(0,t.jsx)(s.td,{children:"--"})]})]})]}),"\n",(0,t.jsx)(s.h3,{id:"html-attributes",children:"HTML Attributes"}),"\n",(0,t.jsxs)(s.p,{children:[(0,t.jsx)(s.code,{children:"Homepage"}),", like all Clover IIIF primitives accept common ",(0,t.jsx)(s.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement",children:"HTMLElement"})," attributes. Use the JSX style ",(0,t.jsx)(s.code,{children:"className"})," prop to add custom classes. The same attribute methodology can be used for ",(0,t.jsx)(s.code,{children:"id"}),", ",(0,t.jsx)(s.code,{children:"style"}),", ",(0,t.jsx)(s.code,{children:"title"}),", ",(0,t.jsx)(s.code,{children:"data-*"}),", and ",(0,t.jsx)(s.code,{children:"aria-*"})," props."]}),"\n",(0,t.jsxs)(s.p,{children:["In the following example, an ",(0,t.jsx)(s.code,{children:"onClick()"})," function will display an with the ",(0,t.jsx)(s.code,{children:"data-homepage-id"})," attribute value."]}),"\n",(0,t.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,t.jsx)(d.OK,{children:(0,t.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,t.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Homepage"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"homepage"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" id"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://dc.library.northwestern.edu/items/71153379-4283-43be-8b0f-4e7e3bfda275"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" type"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Text"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" format"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"text/html"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Homepage at Northwestern University Libraries Digital Collections"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"button"'})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"data-homepage-id"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://dc.library.northwestern.edu/items/71153379-4283-43be-8b0f-4e7e3bfda275"'})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"onClick"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{(e) "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"e"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".preventDefault"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"();"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"alert"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"("}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"e"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"."}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"target"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"."}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"dataset"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".homepageId);"})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,t.jsx)(d.OK,{children:(0,t.jsx)(c.bw,{homepage:[{id:"https://dc.library.northwestern.edu/items/71153379-4283-43be-8b0f-4e7e3bfda275",type:"Text",format:"text/html",label:{none:["Homepage at Northwestern University Libraries Digital Collections"]}}],role:"button","data-homepage-id":"https://dc.library.northwestern.edu/items/71153379-4283-43be-8b0f-4e7e3bfda275",onClick:e=>{e.preventDefault(),alert(e.target.dataset.homepageId)}})}),(0,t.jsx)(d.OK,{children:(0,t.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,t.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://dc.library.northwestern.edu/items/71153379-4283-43be-8b0f-4e7e3bfda275"'})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"button"'})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Homepage at Northwestern University Libraries Digital Collections"})}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,t.jsx)(s.h3,{id:"wrapping-children",children:"Wrapping Children"}),"\n",(0,t.jsxs)(s.p,{children:["The ",(0,t.jsx)(s.code,{children:"Homepage"})," component can also be used to wrap React children. An ",(0,t.jsx)(s.code,{children:"aria-label"})," element with the value of the homepage ",(0,t.jsx)(s.code,{children:"label"}),"."]}),"\n",(0,t.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,t.jsx)(d.OK,{children:(0,t.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,t.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Homepage"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"homepage"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" id"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://dc.library.northwestern.edu/items/71153379-4283-43be-8b0f-4e7e3bfda275"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" type"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Text"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" format"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"text/html"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Homepage at Northwestern University Libraries Digital Collections"'}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"span"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">View Homepage"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})}),(0,t.jsx)(d.OK,{children:(0,t.jsx)(c.bw,{homepage:[{id:"https://dc.library.northwestern.edu/items/71153379-4283-43be-8b0f-4e7e3bfda275",type:"Text",format:"text/html",label:{none:["Homepage at Northwestern University Libraries Digital Collections"]}}],children:(0,t.jsx)("span",{children:"View Homepage"})})}),(0,t.jsx)(d.OK,{children:(0,t.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,t.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"aria-label"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Homepage at Northwestern University Libraries Digital Collections"'})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://dc.library.northwestern.edu/items/71153379-4283-43be-8b0f-4e7e3bfda275"'})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'})]}),"\n",(0,t.jsx)(s.span,{className:"line",children:(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"span"}),(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">View Homepage"})]}),"\n",(0,t.jsxs)(s.span,{className:"line",children:[(0,t.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]})]})}let x={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:s}=Object.assign({},(0,o.a)(),e.components);return s?(0,t.jsx)(s,{...e,children:(0,t.jsx)(p,{...e})}):p(e)},pageOpts:{filePath:"pages/docs/homepage.mdx",route:"/docs/homepage",frontMatter:{title:"Homepage"},timestamp:1732573097e3,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Homepage",headings:h},pageNextRoute:"/docs/homepage",nextraLayout:i.ZP,themeConfig:l.Z};s.default=(0,n.j)(x)},1973:function(e,s,r){"use strict";var t=r(2676),n=r(5318),i=r.n(n);r(5271);var l=r(8158);let o=()=>{let e="#ed1d33",s="#2873ab";return(0,t.jsxs)("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1",style:{height:"1rem"},children:[(0,t.jsx)("title",{children:"IIIF Logo"}),(0,t.jsx)("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)",children:(0,t.jsxs)("g",{transform:"scale(0.1)",children:[(0,t.jsx)("path",{style:{fill:s},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),(0,t.jsx)("path",{style:{fill:s},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),(0,t.jsx)("path",{style:{fill:e},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),(0,t.jsx)("path",{style:{fill:e},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),(0,t.jsx)("path",{style:{fill:s},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),(0,t.jsx)("path",{style:{fill:s},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),(0,t.jsx)("path",{style:{fill:e},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"})]})})]})},a=(0,l.zo)(i(),{display:"inline-flex",flexDirection:"column",textDecoration:"none",alignItems:"center",padding:"0.5rem 0"}),c=(0,l.zo)("span",{display:"inline-flex",alignItems:"center",justifyContent:"center"});s.Z=e=>{let{children:s,href:r,text:n=["Presentation API"]}=e;return(0,t.jsx)(a,{href:r,target:"_blank",className:"nx-flex-col",children:(0,t.jsxs)(c,{className:"nx-gap-2 nx-h-7 nx-rounded-md nx-px-2 nx-text-left nx-text-sm nx-font-medium nx-text-gray-600 nx-transition-colors dark:nx-text-gray-400 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",children:[(0,t.jsx)(o,{})," ",n.join(" or ")," ↗"]})})}},8158:function(e,s,r){"use strict";r.d(s,{BC:function(){return n},F4:function(){return o},zo:function(){return i}});var t=r(1028);let n={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:i,css:l,keyframes:o,createTheme:a}=(0,t.Th)({theme:{colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"hsl(".concat(209," 100% 38.2%)"),accentMuted:"hsl(".concat(209," 80% 61.8%)"),accentAlt:"hsl(".concat(209," 80% 30%)"),secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},media:n})},7104:function(e,s,r){"use strict";r.d(s,{Z:function(){return k}});var t=r(2676),n=r(2936),i=r.n(n),l=r(5271);let o={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},a=["Scroll"];var c=e=>{let{title:s}=e;return a.includes(s)?(0,t.jsxs)("span",{children:[s,(0,t.jsx)("span",{style:o,children:"Beta"})]}):(0,t.jsx)("span",{children:s})},d=r(826),h=r(9205);let p="Clover IIIF",x="Showcase IIIF Manifests as interoperable web content.";var k={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),s=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(p):"".concat(p," – ").concat(x),r=e.frontMatter.description?e.frontMatter.description:x,{route:t}=(0,h.useRouter)(),n=(0,l.useMemo)(()=>new URL(t.endsWith("/")?t:"".concat(t,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[t]);return{defaultTitle:"".concat(p," - ").concat(x),title:s,description:r,canonical:n,openGraph:{url:n,title:s,siteName:"".concat(p," - ").concat(x),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,t.jsx)(()=>(0,t.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,t.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,t.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,t.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,t.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,t.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,t.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,t.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,t.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,t.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,t.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,t.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,t.jsx)(i(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,t.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){},1028:function(e,s,r){"use strict";r.d(s,{Th:function(){return Y},jG:function(){return es}});var t,n=r(5271),i="colors",l="sizes",o="space",a={gap:o,gridGap:o,columnGap:o,gridColumnGap:o,rowGap:o,gridRowGap:o,inset:o,insetBlock:o,insetBlockEnd:o,insetBlockStart:o,insetInline:o,insetInlineEnd:o,insetInlineStart:o,margin:o,marginTop:o,marginRight:o,marginBottom:o,marginLeft:o,marginBlock:o,marginBlockEnd:o,marginBlockStart:o,marginInline:o,marginInlineEnd:o,marginInlineStart:o,padding:o,paddingTop:o,paddingRight:o,paddingBottom:o,paddingLeft:o,paddingBlock:o,paddingBlockEnd:o,paddingBlockStart:o,paddingInline:o,paddingInlineEnd:o,paddingInlineStart:o,top:o,right:o,bottom:o,left:o,scrollMargin:o,scrollMarginTop:o,scrollMarginRight:o,scrollMarginBottom:o,scrollMarginLeft:o,scrollMarginX:o,scrollMarginY:o,scrollMarginBlock:o,scrollMarginBlockEnd:o,scrollMarginBlockStart:o,scrollMarginInline:o,scrollMarginInlineEnd:o,scrollMarginInlineStart:o,scrollPadding:o,scrollPaddingTop:o,scrollPaddingRight:o,scrollPaddingBottom:o,scrollPaddingLeft:o,scrollPaddingX:o,scrollPaddingY:o,scrollPaddingBlock:o,scrollPaddingBlockEnd:o,scrollPaddingBlockStart:o,scrollPaddingInline:o,scrollPaddingInlineEnd:o,scrollPaddingInlineStart:o,fontSize:"fontSizes",background:i,backgroundColor:i,backgroundImage:i,borderImage:i,border:i,borderBlock:i,borderBlockEnd:i,borderBlockStart:i,borderBottom:i,borderBottomColor:i,borderColor:i,borderInline:i,borderInlineEnd:i,borderInlineStart:i,borderLeft:i,borderLeftColor:i,borderRight:i,borderRightColor:i,borderTop:i,borderTopColor:i,caretColor:i,color:i,columnRuleColor:i,fill:i,outline:i,outlineColor:i,stroke:i,textDecorationColor:i,fontFamily:"fonts",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",blockSize:l,minBlockSize:l,maxBlockSize:l,inlineSize:l,minInlineSize:l,maxInlineSize:l,width:l,minWidth:l,maxWidth:l,height:l,minHeight:l,maxHeight:l,flexBasis:l,gridTemplateColumns:l,gridTemplateRows:l,borderWidth:"borderWidths",borderTopWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderLeftWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",transition:"transitions",zIndex:"zIndices"},c=(e,s)=>"function"==typeof s?{"()":Function.prototype.toString.call(s)}:s,d=()=>{let e=Object.create(null);return(s,r,...t)=>{let n=JSON.stringify(s,c);return n in e?e[n]:e[n]=r(s,...t)}},h=Symbol.for("sxs.internal"),p=(e,s)=>Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)),x=e=>{for(let s in e)return!0;return!1},{hasOwnProperty:k}=Object.prototype,m=e=>e.includes("-")?e:e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase()),j=/\s+(?![^()]*\))/,g=e=>s=>e(..."string"==typeof s?String(s).split(j):[s]),u={appearance:e=>({WebkitAppearance:e,appearance:e}),backfaceVisibility:e=>({WebkitBackfaceVisibility:e,backfaceVisibility:e}),backdropFilter:e=>({WebkitBackdropFilter:e,backdropFilter:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),boxDecorationBreak:e=>({WebkitBoxDecorationBreak:e,boxDecorationBreak:e}),clipPath:e=>({WebkitClipPath:e,clipPath:e}),content:e=>({content:e.includes('"')||e.includes("'")||/^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e)?e:`"${e}"`}),hyphens:e=>({WebkitHyphens:e,hyphens:e}),maskImage:e=>({WebkitMaskImage:e,maskImage:e}),maskSize:e=>({WebkitMaskSize:e,maskSize:e}),tabSize:e=>({MozTabSize:e,tabSize:e}),textSizeAdjust:e=>({WebkitTextSizeAdjust:e,textSizeAdjust:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),marginBlock:g((e,s)=>({marginBlockStart:e,marginBlockEnd:s||e})),marginInline:g((e,s)=>({marginInlineStart:e,marginInlineEnd:s||e})),maxSize:g((e,s)=>({maxBlockSize:e,maxInlineSize:s||e})),minSize:g((e,s)=>({minBlockSize:e,minInlineSize:s||e})),paddingBlock:g((e,s)=>({paddingBlockStart:e,paddingBlockEnd:s||e})),paddingInline:g((e,s)=>({paddingInlineStart:e,paddingInlineEnd:s||e}))},y=/([\d.]+)([^]*)/,f=(e,s)=>e.length?e.reduce((e,r)=>(e.push(...s.map(e=>e.includes("&")?e.replace(/&/g,/[ +>|~]/.test(r)&&/&.*&/.test(e)?`:is(${r})`:r):r+" "+e)),e),[]):s,v=(e,s)=>e in b&&"string"==typeof s?s.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/,(s,r,t,n)=>r+("stretch"===t?`-moz-available${n};${m(e)}:${r}-webkit-fill-available`:`-moz-fit-content${n};${m(e)}:${r}fit-content`)+n):String(s),b={blockSize:1,height:1,inlineSize:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,width:1},w=e=>e?e+"-":"",S=(e,s,r)=>e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g,(e,t,n,i,l)=>"$"==i==!!n?e:(t||"--"==i?"calc(":"")+"var(--"+("$"===i?w(s)+(l.includes("$")?"":w(r))+l.replace(/\$/g,"-"):l)+")"+(t||"--"==i?"*"+(t||"")+(n||"1")+")":"")),N=/\s*,\s*(?![^()]*\))/,I=Object.prototype.toString,M=(e,s,r,t,n)=>{let i,l,o;let a=(e,s,r)=>{let c,d;let h=e=>{var p;for(c in e){let x=64===c.charCodeAt(0);for(d of x&&Array.isArray(e[c])?e[c]:[e[c]]){let e=/[A-Z]/.test(p=c)?p:p.replace(/-[^]/g,e=>e[1].toUpperCase()),k="object"==typeof d&&d&&d.toString===I&&(!t.utils[e]||!s.length);if(e in t.utils&&!k){let s=t.utils[e];if(s!==l){l=s,h(s(d)),l=null;continue}}else if(e in u){let s=u[e];if(s!==o){o=s,h(s(d)),o=null;continue}}if(x&&(c=(c.slice(1) in t.media?"@media "+t.media[c.slice(1)]:c).replace(/\(\s*([\w-]+)\s*(=|<|<=|>|>=)\s*([\w-]+)\s*(?:(<|<=|>|>=)\s*([\w-]+)\s*)?\)/g,(e,s,r,t,n,i)=>{let l=y.test(s),o=.0625*(l?-1:1),[a,c]=l?[t,s]:[s,t];return"("+("="===r[0]?"":">"===r[0]===l?"max-":"min-")+a+":"+("="!==r[0]&&1===r.length?c.replace(y,(e,s,t)=>Number(s)+o*(">"===r?1:-1)+t):c)+(n?") and ("+(">"===n[0]?"min-":"max-")+a+":"+(1===n.length?i.replace(y,(e,s,r)=>Number(s)+o*(">"===n?-1:1)+r):i):"")+")"})),k){let e=x?r.concat(c):[...r],t=x?[...s]:f(s,c.split(N));void 0!==i&&n(B(...i)),i=void 0,a(d,t,e)}else void 0===i&&(i=[[],s,r]),c=x||36!==c.charCodeAt(0)?c:`--${w(t.prefix)}${c.slice(1).replace(/\$/g,"-")}`,d=k?d:"number"==typeof d?d&&e in C?String(d)+"px":String(d):S(v(e,null==d?"":d),t.prefix,t.themeMap[e]),i[0].push(`${x?`${c} `:`${m(c)}:`}${d}`)}}};h(e),void 0!==i&&n(B(...i)),i=void 0};a(e,s,r)},B=(e,s,r)=>`${r.map(e=>`${e}{`).join("")}${s.length?`${s.join(",")}{`:""}${e.join(";")}${s.length?"}":""}${Array(r.length?r.length+1:0).join("}")}`,C={animationDelay:1,animationDuration:1,backgroundSize:1,blockSize:1,border:1,borderBlock:1,borderBlockEnd:1,borderBlockEndWidth:1,borderBlockStart:1,borderBlockStartWidth:1,borderBlockWidth:1,borderBottom:1,borderBottomLeftRadius:1,borderBottomRightRadius:1,borderBottomWidth:1,borderEndEndRadius:1,borderEndStartRadius:1,borderInlineEnd:1,borderInlineEndWidth:1,borderInlineStart:1,borderInlineStartWidth:1,borderInlineWidth:1,borderLeft:1,borderLeftWidth:1,borderRadius:1,borderRight:1,borderRightWidth:1,borderSpacing:1,borderStartEndRadius:1,borderStartStartRadius:1,borderTop:1,borderTopLeftRadius:1,borderTopRightRadius:1,borderTopWidth:1,borderWidth:1,bottom:1,columnGap:1,columnRule:1,columnRuleWidth:1,columnWidth:1,containIntrinsicSize:1,flexBasis:1,fontSize:1,gap:1,gridAutoColumns:1,gridAutoRows:1,gridTemplateColumns:1,gridTemplateRows:1,height:1,inlineSize:1,inset:1,insetBlock:1,insetBlockEnd:1,insetBlockStart:1,insetInline:1,insetInlineEnd:1,insetInlineStart:1,left:1,letterSpacing:1,margin:1,marginBlock:1,marginBlockEnd:1,marginBlockStart:1,marginBottom:1,marginInline:1,marginInlineEnd:1,marginInlineStart:1,marginLeft:1,marginRight:1,marginTop:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,offsetDistance:1,offsetRotate:1,outline:1,outlineOffset:1,outlineWidth:1,overflowClipMargin:1,padding:1,paddingBlock:1,paddingBlockEnd:1,paddingBlockStart:1,paddingBottom:1,paddingInline:1,paddingInlineEnd:1,paddingInlineStart:1,paddingLeft:1,paddingRight:1,paddingTop:1,perspective:1,right:1,rowGap:1,scrollMargin:1,scrollMarginBlock:1,scrollMarginBlockEnd:1,scrollMarginBlockStart:1,scrollMarginBottom:1,scrollMarginInline:1,scrollMarginInlineEnd:1,scrollMarginInlineStart:1,scrollMarginLeft:1,scrollMarginRight:1,scrollMarginTop:1,scrollPadding:1,scrollPaddingBlock:1,scrollPaddingBlockEnd:1,scrollPaddingBlockStart:1,scrollPaddingBottom:1,scrollPaddingInline:1,scrollPaddingInlineEnd:1,scrollPaddingInlineStart:1,scrollPaddingLeft:1,scrollPaddingRight:1,scrollPaddingTop:1,shapeMargin:1,textDecoration:1,textDecorationThickness:1,textIndent:1,textUnderlineOffset:1,top:1,transitionDelay:1,transitionDuration:1,verticalAlign:1,width:1,wordSpacing:1},R=e=>String.fromCharCode(e+(e>25?39:97)),$=e=>(e=>{let s,r="";for(s=Math.abs(e);s>52;s=s/52|0)r=R(s%52)+r;return R(s%52)+r})(((e,s)=>{let r=s.length;for(;r;)e=33*e^s.charCodeAt(--r);return e})(5381,JSON.stringify(e))>>>0),P=["themed","global","styled","onevar","resonevar","allvar","inline"],T=e=>{if(e.href&&!e.href.startsWith(location.origin))return!1;try{return!!e.cssRules}catch(e){return!1}},z=e=>{let s;let r=()=>{let{cssRules:e}=s.sheet;return[].map.call(e,(r,t)=>{let{cssText:n}=r,i="";if(n.startsWith("--sxs"))return"";if(e[t-1]&&(i=e[t-1].cssText).startsWith("--sxs")){if(!r.cssRules.length)return"";for(let e in s.rules)if(s.rules[e].group===r)return`--sxs{--sxs:${[...s.rules[e].cache].join(" ")}}${n}`;return r.cssRules.length?`${i}${n}`:""}return n}).join("")},t=()=>{if(s){let{rules:e,sheet:r}=s;if(!r.deleteRule){for(;3===Object(Object(r.cssRules)[0]).type;)r.cssRules.splice(0,1);r.cssRules=[]}for(let s in e)delete e[s]}for(let n of Object(e).styleSheets||[])if(T(n)){for(let e=0,i=n.cssRules;i[e];++e){let l=Object(i[e]);if(1!==l.type)continue;let o=Object(i[e+1]);if(4!==o.type)continue;++e;let{cssText:a}=l;if(!a.startsWith("--sxs"))continue;let c=a.slice(14,-3).trim().split(/\s+/),d=P[c[0]];d&&(s||(s={sheet:n,reset:t,rules:{},toString:r}),s.rules[d]={group:o,index:e,cache:new Set(c)})}if(s)break}if(!s){let n=(e,s)=>({type:s,cssRules:[],insertRule(e,s){this.cssRules.splice(s,0,n(e,{import:3,undefined:1}[(e.toLowerCase().match(/^@([a-z]+)/)||[])[1]]||4))},get cssText(){return"@media{}"===e?`@media{${[].map.call(this.cssRules,e=>e.cssText).join("")}}`:e}});s={sheet:e?(e.head||e).appendChild(document.createElement("style")).sheet:n("","text/css"),rules:{},reset:t,toString:r}}let{sheet:n,rules:i}=s;for(let e=P.length-1;e>=0;--e){let s=P[e];if(!i[s]){let r=P[e+1],t=i[r]?i[r].index:n.cssRules.length;n.insertRule("@media{}",t),n.insertRule(`--sxs{--sxs:${e}}`,t),i[s]={group:n.cssRules[t+1],index:t,cache:new Set([e])}}W(i[s])}};return t(),s},W=e=>{let s=e.group,r=s.cssRules.length;e.apply=e=>{try{s.insertRule(e,r),++r}catch(e){}}},E=Symbol(),L=d(),H=(e,s)=>L(e,()=>(...r)=>{let t={type:null,composers:new Set};for(let s of r)if(null!=s){if(s[h])for(let e of(null==t.type&&(t.type=s[h].type),s[h].composers))t.composers.add(e);else s.constructor!==Object||s.$$typeof?null==t.type&&(t.type=s):t.composers.add(O(s,e))}return null==t.type&&(t.type="span"),t.composers.size||t.composers.add(["PJLV",{},[],[],{},[]]),A(e,t,s)}),O=({variants:e,compoundVariants:s,defaultVariants:r,...t},n)=>{let i=`${w(n.prefix)}c-${$(t)}`,l=[],o=[],a=Object.create(null),c=[];for(let e in r)a[e]=String(r[e]);if("object"==typeof e&&e)for(let s in e){k.call(a,s)||(a[s]="undefined");let r=e[s];for(let e in r){let t={[s]:String(e)};"undefined"===String(e)&&c.push(s);let n=r[e],i=[t,n,!x(n)];l.push(i)}}if("object"==typeof s&&s)for(let e of s){let{css:s,...r}=e;for(let e in s="object"==typeof s&&s||{},r)r[e]=String(r[e]);let t=[r,s,!x(s)];o.push(t)}return[i,t,l,o,a,c]},A=(e,s,r)=>{let[t,n,i,l]=D(s.composers),o="function"==typeof s.type||s.type.$$typeof?(e=>{function s(){for(let r=0;rs.rules[e]={apply:r=>s[E].push([e,r])}),s})(r):null,a=(o||r).rules,c=`.${t}${n.length>1?`:where(.${n.slice(1).join(".")})`:""}`,d=d=>{let{css:h,...p}=d="object"==typeof d&&d||V,x={};for(let e in i)if(delete p[e],e in d){let s=d[e];"object"==typeof s&&s?x[e]={"@initial":i[e],...s}:(s=String(s),x[e]="undefined"!==s||l.has(e)?s:i[e])}else x[e]=i[e];let k=new Set([...n]);for(let[t,n,i,l]of s.composers){r.rules.styled.cache.has(t)||(r.rules.styled.cache.add(t),M(n,[`.${t}`],[],e,e=>{a.styled.apply(e)}));let s=F(i,x,e.media),o=F(l,x,e.media,!0);for(let n of s)if(void 0!==n)for(let[s,i,l]of n){let n=`${t}-${$(i)}-${s}`;k.add(n);let o=(l?r.rules.resonevar:r.rules.onevar).cache,c=l?a.resonevar:a.onevar;o.has(n)||(o.add(n),M(i,[`.${n}`],[],e,e=>{c.apply(e)}))}for(let s of o)if(void 0!==s)for(let[n,i]of s){let s=`${t}-${$(i)}-${n}`;k.add(s),r.rules.allvar.cache.has(s)||(r.rules.allvar.cache.add(s),M(i,[`.${s}`],[],e,e=>{a.allvar.apply(e)}))}}if("object"==typeof h&&h){let s=`${t}-i${$(h)}-css`;k.add(s),r.rules.inline.cache.has(s)||(r.rules.inline.cache.add(s),M(h,[`.${s}`],[],e,e=>{a.inline.apply(e)}))}for(let e of String(d.className||"").trim().split(/\s+/))e&&k.add(e);let m=p.className=[...k].join(" ");return{type:s.type,className:m,selector:c,props:p,toString:()=>m,deferredInjector:o}};return p(d,{className:t,selector:c,[h]:s,toString:()=>(r.rules.styled.cache.has(t)||d(),t)})},D=e=>{let s="",r=[],t={},n=[];for(let[i,,,,l,o]of e)for(let e in""===s&&(s=i),r.push(i),n.push(...o),l){let s=l[e];(void 0===t[e]||"undefined"!==s||o.includes(s))&&(t[e]=s)}return[s,r,t,new Set(n)]},F=(e,s,r,t)=>{let n=[];e:for(let[i,l,o]of e){if(o)continue;let e,a=0,c=!1;for(e in i){let t=i[e],n=s[e];if(n!==t){if("object"!=typeof n||!n)continue e;{let e,s,i=0;for(let l in n){if(t===String(n[l])){if("@initial"!==l){let e=l.slice(1);(s=s||[]).push(e in r?r[e]:l.replace(/^@media ?/,"")),c=!0}a+=i,e=!0}++i}if(s&&s.length&&(l={["@media "+s.join(", ")]:l}),!e)continue e}}}(n[a]=n[a]||[]).push([t?"cv":`${e}-${i[e]}`,l,c])}return n},V={},Z=d(),U=(e,s)=>Z(e,()=>(...r)=>{let t=()=>{for(let t of r){let r=$(t="object"==typeof t&&t||{});if(!s.rules.global.cache.has(r)){if(s.rules.global.cache.add(r),"@import"in t){let e=[].indexOf.call(s.sheet.cssRules,s.rules.themed.group)-1;for(let r of[].concat(t["@import"]))r=r.includes('"')||r.includes("'")?r:`"${r}"`,s.sheet.insertRule(`@import ${r};`,e++);delete t["@import"]}M(t,[],[],e,e=>{s.rules.global.apply(e)})}}return""};return p(t,{toString:t})}),_=d(),G=(e,s)=>_(e,()=>r=>{let t=`${w(e.prefix)}k-${$(r)}`,n=()=>{if(!s.rules.global.cache.has(t)){s.rules.global.cache.add(t);let n=[];M(r,[],[],e,e=>n.push(e));let i=`@keyframes ${t}{${n.join("")}}`;s.rules.global.apply(i)}return t};return p(n,{get name(){return n()},toString:n})}),K=class{constructor(e,s,r,t){this.token=null==e?"":String(e),this.value=null==s?"":String(s),this.scale=null==r?"":String(r),this.prefix=null==t?"":String(t)}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+w(this.prefix)+w(this.scale)+this.token}toString(){return this.computedValue}},q=d(),J=(e,s)=>q(e,()=>(r,t)=>{t="object"==typeof r&&r||Object(t);let n=`.${r=(r="string"==typeof r?r:"")||`${w(e.prefix)}t-${$(t)}`}`,i={},l=[];for(let s in t)for(let r in i[s]={},t[s]){let n=`--${w(e.prefix)}${s}-${r}`,o=S(String(t[s][r]),e.prefix,s);i[s][r]=new K(r,o,s,e.prefix),l.push(`${n}:${o}`)}let o=()=>{if(l.length&&!s.rules.themed.cache.has(r)){s.rules.themed.cache.add(r);let n=`${t===e.theme?":root,":""}.${r}{${l.join(";")}}`;s.rules.themed.apply(n)}return r};return{...i,get className(){return o()},selector:n,toString:o}}),X=d(),Q=d(),Y=e=>{let s=(e=>{let s=!1,r=X(e,e=>{s=!0;let r="prefix"in(e="object"==typeof e&&e||{})?String(e.prefix):"",t="object"==typeof e.media&&e.media||{},n="object"==typeof e.root?e.root||null:globalThis.document||null,i="object"==typeof e.theme&&e.theme||{},l={prefix:r,media:t,theme:i,themeMap:"object"==typeof e.themeMap&&e.themeMap||{...a},utils:"object"==typeof e.utils&&e.utils||{}},o=z(n),c={css:H(l,o),globalCss:U(l,o),keyframes:G(l,o),createTheme:J(l,o),reset(){o.reset(),c.theme.toString()},theme:{},sheet:o,config:l,prefix:r,getCssText:o.toString,toString:o.toString};return String(c.theme=c.createTheme(i)),c});return s||r.reset(),r})(e);return s.styled=(({config:e,sheet:s})=>Q(e,()=>{let r=H(e,s);return(...e)=>{let s=r(...e),t=s[h].type,i=n.forwardRef((e,r)=>{let i=e&&e.as||t,{props:l,deferredInjector:o}=s(e);return delete l.as,l.ref=r,o?n.createElement(n.Fragment,null,n.createElement(i,l),n.createElement(o,null)):n.createElement(i,l)});return i.className=s.className,i.displayName=`Styled.${t.displayName||t.name||t}`,i.selector=s.selector,i.toString=()=>s.selector,i[h]=s[h],i}}))(s),s},ee=()=>t||(t=Y()),es=(...e)=>ee().createTheme(...e)}},function(e){e.O(0,[585,546,965,580,542,888,774,179],function(){return e(e.s=293)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/docs/i18n-6f90e97a654dbd16.js b/_next/static/chunks/pages/docs/i18n-15b4c8d3c6b9f18a.js similarity index 62% rename from _next/static/chunks/pages/docs/i18n-6f90e97a654dbd16.js rename to _next/static/chunks/pages/docs/i18n-15b4c8d3c6b9f18a.js index 58586d03..875d6397 100644 --- a/_next/static/chunks/pages/docs/i18n-6f90e97a654dbd16.js +++ b/_next/static/chunks/pages/docs/i18n-15b4c8d3c6b9f18a.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[828],{1302:function(e,s,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/i18n",function(){return n(5856)}])},5856:function(e,s,n){"use strict";n.r(s),n.d(s,{__toc:function(){return a}});var r=n(2676),o=n(5384),i=n(826),t=n(7104);n(1952);var l=n(7532);let a=[{depth:2,value:"How to contribute",id:"how-to-contribute"},{depth:3,value:"Adding a new locale",id:"adding-a-new-locale"},{depth:3,value:"Language and Region subtags",id:"language-and-region-subtags"}];function c(e){let s=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",h2:"h2",ol:"ol",li:"li",a:"a",h3:"h3"},(0,l.a)(),e.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.h1,{children:"i18n"}),"\n",(0,r.jsx)(s.p,{children:"We welcome contributions to Clover IIIF in any language. If you would like to contribute to a language, please follow the instructions below."}),"\n",(0,r.jsx)(s.pre,{"data-language":"json","data-theme":"default",filename:"src/i18n/locales/en.json",children:(0,r.jsxs)(s.code,{"data-language":"json","data-theme":"default",children:[(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonClose"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Close"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonNext"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Next"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonPrevious"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Previous"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonSearch"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Search"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonSearchPlaceholder"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Search..."'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonShare"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Share"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonViewAll"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"View All"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ..."})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"}"})})]})}),"\n",(0,r.jsx)(s.h2,{id:"how-to-contribute",children:"How to contribute"}),"\n",(0,r.jsxs)(s.ol,{children:["\n",(0,r.jsxs)(s.li,{children:["Fork the ",(0,r.jsx)(s.a,{href:"https://github.com/samvera-labs/clover-iiif",children:"Clover IIIF"})," repository."]}),"\n",(0,r.jsxs)(s.li,{children:["Create a new file in the ",(0,r.jsx)(s.code,{children:"src/i18n/locales"})," directory for the relative BCP 47 language code you would like to contribute towards, example ",(0,r.jsx)(s.code,{children:"fr.json"})," for French."]}),"\n",(0,r.jsxs)(s.li,{children:["Copy the ",(0,r.jsx)(s.code,{children:"en.json"})," file as a template and translate the string values for each key."]}),"\n",(0,r.jsxs)(s.li,{children:["Import the new language JSON file within the ",(0,r.jsx)(s.code,{children:"src/i18n/locales/index.ts"})," file and include it in the default export."]}),"\n",(0,r.jsx)(s.li,{children:"Submit a pull request."}),"\n"]}),"\n",(0,r.jsx)(s.h3,{id:"adding-a-new-locale",children:"Adding a new locale"}),"\n",(0,r.jsxs)(s.p,{children:["Add a new file in the ",(0,r.jsx)(s.code,{children:"src/i18n/locales"})," directory with the relative BCP 47 language code, example ",(0,r.jsx)(s.code,{children:"fr.json"})," for French."]}),"\n",(0,r.jsx)(s.pre,{"data-language":"json","data-theme":"default",filename:"src/i18n/locales/fr.json",children:(0,r.jsxs)(s.code,{"data-language":"json","data-theme":"default",children:[(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonClose"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Fermer"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonNext"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Suivant"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonPrevious"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Pr\xe9c\xe9dent"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonSearch"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Rechercher"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonSearchPlaceholder"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Rechercher..."'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonShare"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Partager"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonViewAll"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Voir Tout"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ..."})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"}"})})]})}),"\n",(0,r.jsx)(s.pre,{"data-language":"ts","data-theme":"default",filename:"src/i18n/locales/index.ts",children:(0,r.jsxs)(s.code,{"data-language":"ts","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"./en.json"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" fr "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"./fr.json"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:" "}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" fr"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})})]})}),"\n",(0,r.jsx)(s.h3,{id:"language-and-region-subtags",children:"Language and Region subtags"}),"\n",(0,r.jsxs)(s.p,{children:["If you would like to contribute a locale for a lanugage with a region subtag,\nplease use the ",(0,r.jsx)(s.code,{children:"-"})," dash character to separate the language and region in the filename,\nexample ",(0,r.jsx)(s.code,{children:"fr-CA.json"})," for Canadian French."]}),"\n",(0,r.jsxs)(s.p,{children:["You will need to adjust the import statement in the ",(0,r.jsx)(s.code,{children:"src/i18n/locales/index.ts"})," file to include the new locale."]}),"\n",(0,r.jsx)(s.pre,{"data-language":"ts","data-theme":"default",filename:"src/i18n/locales/index.ts",children:(0,r.jsxs)(s.code,{"data-language":"ts","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"./en.json"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" fr "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"./fr.json"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" frCA "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"./fr-CA.json"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:" "}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" fr"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"fr-CA"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" frCA"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})})]})})]})}let d={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:s}=Object.assign({},(0,l.a)(),e.components);return s?(0,r.jsx)(s,{...e,children:(0,r.jsx)(c,{...e})}):c(e)},pageOpts:{filePath:"pages/docs/i18n.mdx",route:"/docs/i18n",frontMatter:{title:"i18n"},timestamp:173257264e4,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"i18n",headings:a},pageNextRoute:"/docs/i18n",nextraLayout:i.ZP,themeConfig:t.Z};s.default=(0,o.j)(d)},7104:function(e,s,n){"use strict";n.d(s,{Z:function(){return k}});var r=n(2676),o=n(2936),i=n.n(o),t=n(5271);let l={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},a=["Scroll"];var c=e=>{let{title:s}=e;return a.includes(s)?(0,r.jsxs)("span",{children:[s,(0,r.jsx)("span",{style:l,children:"Beta"})]}):(0,r.jsx)("span",{children:s})},d=n(826),h=n(9205);let x="Clover IIIF",p="Showcase IIIF Manifests as interoperable web content.";var k={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),s=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(x):"".concat(x," – ").concat(p),n=e.frontMatter.description?e.frontMatter.description:p,{route:r}=(0,h.useRouter)(),o=(0,t.useMemo)(()=>new URL(r.endsWith("/")?r:"".concat(r,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[r]);return{defaultTitle:"".concat(x," - ").concat(p),title:s,description:n,canonical:o,openGraph:{url:o,title:s,siteName:"".concat(x," - ").concat(p),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,r.jsx)(()=>(0,r.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,r.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,r.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,r.jsx)(i(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,r.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){}},function(e){e.O(0,[546,888,774,179],function(){return e(e.s=1302)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[828],{1302:function(e,s,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/i18n",function(){return n(5856)}])},5856:function(e,s,n){"use strict";n.r(s),n.d(s,{__toc:function(){return a}});var r=n(2676),o=n(5384),i=n(826),t=n(7104);n(1952);var l=n(7532);let a=[{depth:2,value:"How to contribute",id:"how-to-contribute"},{depth:3,value:"Adding a new locale",id:"adding-a-new-locale"},{depth:3,value:"Language and Region subtags",id:"language-and-region-subtags"}];function c(e){let s=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",h2:"h2",ol:"ol",li:"li",a:"a",h3:"h3"},(0,l.a)(),e.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.h1,{children:"i18n"}),"\n",(0,r.jsx)(s.p,{children:"We welcome contributions to Clover IIIF in any language. If you would like to contribute to a language, please follow the instructions below."}),"\n",(0,r.jsx)(s.pre,{"data-language":"json","data-theme":"default",filename:"src/i18n/locales/en.json",children:(0,r.jsxs)(s.code,{"data-language":"json","data-theme":"default",children:[(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonClose"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Close"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonNext"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Next"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonPrevious"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Previous"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonSearch"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Search"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonSearchPlaceholder"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Search..."'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonShare"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Share"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonViewAll"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"View All"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ..."})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"}"})})]})}),"\n",(0,r.jsx)(s.h2,{id:"how-to-contribute",children:"How to contribute"}),"\n",(0,r.jsxs)(s.ol,{children:["\n",(0,r.jsxs)(s.li,{children:["Fork the ",(0,r.jsx)(s.a,{href:"https://github.com/samvera-labs/clover-iiif",children:"Clover IIIF"})," repository."]}),"\n",(0,r.jsxs)(s.li,{children:["Create a new file in the ",(0,r.jsx)(s.code,{children:"src/i18n/locales"})," directory for the relative BCP 47 language code you would like to contribute towards, example ",(0,r.jsx)(s.code,{children:"fr.json"})," for French."]}),"\n",(0,r.jsxs)(s.li,{children:["Copy the ",(0,r.jsx)(s.code,{children:"en.json"})," file as a template and translate the string values for each key."]}),"\n",(0,r.jsxs)(s.li,{children:["Import the new language JSON file within the ",(0,r.jsx)(s.code,{children:"src/i18n/locales/index.ts"})," file and include it in the default export."]}),"\n",(0,r.jsx)(s.li,{children:"Submit a pull request."}),"\n"]}),"\n",(0,r.jsx)(s.h3,{id:"adding-a-new-locale",children:"Adding a new locale"}),"\n",(0,r.jsxs)(s.p,{children:["Add a new file in the ",(0,r.jsx)(s.code,{children:"src/i18n/locales"})," directory with the relative BCP 47 language code, example ",(0,r.jsx)(s.code,{children:"fr.json"})," for French."]}),"\n",(0,r.jsx)(s.pre,{"data-language":"json","data-theme":"default",filename:"src/i18n/locales/fr.json",children:(0,r.jsxs)(s.code,{"data-language":"json","data-theme":"default",children:[(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonClose"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Fermer"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonNext"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Suivant"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonPrevious"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Pr\xe9c\xe9dent"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonSearch"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Rechercher"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonSearchPlaceholder"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Rechercher..."'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonShare"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Partager"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"commonViewAll"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Voir Tout"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ..."})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"}"})})]})}),"\n",(0,r.jsx)(s.pre,{"data-language":"ts","data-theme":"default",filename:"src/i18n/locales/index.ts",children:(0,r.jsxs)(s.code,{"data-language":"ts","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"./en.json"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" fr "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"./fr.json"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:" "}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" fr"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})})]})}),"\n",(0,r.jsx)(s.h3,{id:"language-and-region-subtags",children:"Language and Region subtags"}),"\n",(0,r.jsxs)(s.p,{children:["If you would like to contribute a locale for a lanugage with a region subtag,\nplease use the ",(0,r.jsx)(s.code,{children:"-"})," dash character to separate the language and region in the filename,\nexample ",(0,r.jsx)(s.code,{children:"fr-CA.json"})," for Canadian French."]}),"\n",(0,r.jsxs)(s.p,{children:["You will need to adjust the import statement in the ",(0,r.jsx)(s.code,{children:"src/i18n/locales/index.ts"})," file to include the new locale."]}),"\n",(0,r.jsx)(s.pre,{"data-language":"ts","data-theme":"default",filename:"src/i18n/locales/index.ts",children:(0,r.jsxs)(s.code,{"data-language":"ts","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"./en.json"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" fr "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"./fr.json"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" frCA "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"./fr-CA.json"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:" "}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" fr"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"fr-CA"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" frCA"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})})]})})]})}let d={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:s}=Object.assign({},(0,l.a)(),e.components);return s?(0,r.jsx)(s,{...e,children:(0,r.jsx)(c,{...e})}):c(e)},pageOpts:{filePath:"pages/docs/i18n.mdx",route:"/docs/i18n",frontMatter:{title:"i18n"},timestamp:1732573097e3,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"i18n",headings:a},pageNextRoute:"/docs/i18n",nextraLayout:i.ZP,themeConfig:t.Z};s.default=(0,o.j)(d)},7104:function(e,s,n){"use strict";n.d(s,{Z:function(){return k}});var r=n(2676),o=n(2936),i=n.n(o),t=n(5271);let l={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},a=["Scroll"];var c=e=>{let{title:s}=e;return a.includes(s)?(0,r.jsxs)("span",{children:[s,(0,r.jsx)("span",{style:l,children:"Beta"})]}):(0,r.jsx)("span",{children:s})},d=n(826),h=n(9205);let x="Clover IIIF",p="Showcase IIIF Manifests as interoperable web content.";var k={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),s=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(x):"".concat(x," – ").concat(p),n=e.frontMatter.description?e.frontMatter.description:p,{route:r}=(0,h.useRouter)(),o=(0,t.useMemo)(()=>new URL(r.endsWith("/")?r:"".concat(r,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[r]);return{defaultTitle:"".concat(x," - ").concat(p),title:s,description:n,canonical:o,openGraph:{url:o,title:s,siteName:"".concat(x," - ").concat(p),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,r.jsx)(()=>(0,r.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,r.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,r.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,r.jsx)(i(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,r.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){}},function(e){e.O(0,[546,888,774,179],function(){return e(e.s=1302)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/docs/image-4c4fc616cccd8385.js b/_next/static/chunks/pages/docs/image-e6be03a8b22c9037.js similarity index 81% rename from _next/static/chunks/pages/docs/image-4c4fc616cccd8385.js rename to _next/static/chunks/pages/docs/image-e6be03a8b22c9037.js index 78116929..49ce3cab 100644 --- a/_next/static/chunks/pages/docs/image-4c4fc616cccd8385.js +++ b/_next/static/chunks/pages/docs/image-e6be03a8b22c9037.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[451],{3441:function(e,s,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/image",function(){return n(2908)}])},2908:function(e,s,n){"use strict";n.r(s),n.d(s,{__toc:function(){return x},handleOpenSeadragonCallback:function(){return d}});var i=n(2676),r=n(5384),l=n(826),o=n(7104);n(1952);var a=n(7532),t=n(1973),c=n(8851),h=n(3860);let d=()=>{},x=[{depth:2,value:"Features",id:"features"},{depth:2,value:"Installation",id:"installation"},{depth:2,value:"Usage",id:"usage"},{depth:3,value:"React",id:"react"},{depth:4,value:"Using src and isTiledImage props",id:"using-src-and-istiledimage-props"},{depth:4,value:"Using the IIIF annotation body",id:"using-the-iiif-annotation-body"},{depth:3,value:"Vanilla JavaScript",id:"vanilla-javascript"},{depth:3,value:"Next.js",id:"nextjs"},{depth:2,value:"API Reference",id:"api-reference"},{depth:2,value:"OpenSeadragon",id:"openseadragon"},{depth:3,value:"OpenSeadragon Callback",id:"openseadragon-callback"},{depth:3,value:"OpenSeadragon Configuration",id:"openseadragon-configuration"},{depth:2,value:"Label and ARIA",id:"label-and-aria"},{depth:2,value:"Instance ID",id:"instance-id"}];function p(e){let s=Object.assign({h1:"h1",p:"p",em:"em",a:"a",h2:"h2",code:"code",ul:"ul",li:"li",pre:"pre",span:"span",h3:"h3",h4:"h4",strong:"strong",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td"},(0,a.a)(),e.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.h1,{children:"Image"}),"\n",(0,i.jsxs)(s.p,{children:["A UI component that renders a ",(0,i.jsx)(s.em,{children:"pan and deep-zoom"})," Image viewer using ",(0,i.jsx)(s.a,{href:"https://openseadragon.github.io/",children:"OpenSeadragon"}),"."]}),"\n",(0,i.jsx)(t.Z,{href:"https://iiif.io/api/image/3.0",text:["Image"]}),"\n",(0,i.jsx)("div",{style:{height:"38.2vh",minHeight:"450px"},children:(0,i.jsx)(c.Z,{body:{id:"https://iiif.dc.library.northwestern.edu/iiif/2/6ca016c5-de7f-4373-ae8f-7047fecf6ace/full/600,/0/default.jpg",type:"Image",format:"image/tiff",height:5709,width:8949,service:[{"@id":"https://iiif.dc.library.northwestern.edu/iiif/2/6ca016c5-de7f-4373-ae8f-7047fecf6ace","@type":"ImageService2",profile:"http://iiif.io/api/image/2/level2.json"}]}})}),"\n",(0,i.jsx)(s.h2,{id:"features",children:"Features"}),"\n",(0,i.jsxs)(s.p,{children:["Provide a IIIF Annotation body with the ",(0,i.jsx)(s.code,{children:"type"})," of ",(0,i.jsx)(s.code,{children:"Image"})," and the component:"]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:["Renders a single ",(0,i.jsx)(s.a,{href:"https://openseadragon.github.io/",children:"OpenSeadragon"})," instance."]}),"\n",(0,i.jsxs)(s.li,{children:["Returns OpenSeadragon's ",(0,i.jsx)(s.code,{children:"Viewer"})," instance for programmatic control."]}),"\n",(0,i.jsxs)(s.li,{children:["Provides configuration options for OpenSeadragon's ",(0,i.jsx)(s.code,{children:"Viewer"})," instance."]}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"installation",children:"Installation"}),"\n",(0,i.jsxs)(h.mQ,{items:["npm","yarn","pnpm"],children:[(0,i.jsx)(h.OK,{children:(0,i.jsx)(s.pre,{"data-language":"shell","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"shell","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"npm"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"install"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@samvera/clover-iiif"})]})})})}),(0,i.jsx)(h.OK,{children:(0,i.jsx)(s.pre,{"data-language":"shell","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"shell","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"yarn"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@samvera/clover-iiif"})]})})})}),(0,i.jsx)(h.OK,{children:(0,i.jsx)(s.pre,{"data-language":"shell","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"shell","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"pnpm"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"install"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@samvera/clover-iiif"})]})})})})]}),"\n",(0,i.jsx)(s.h2,{id:"usage",children:"Usage"}),"\n",(0,i.jsx)(s.h3,{id:"react",children:"React"}),"\n",(0,i.jsxs)(s.p,{children:["Add the ",(0,i.jsx)(s.code,{children:"Image"})," component to your ",(0,i.jsx)(s.code,{children:"jsx"})," or ",(0,i.jsx)(s.code,{children:"tsx"})," code."]}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Image "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]})})}),"\n",(0,i.jsxs)(s.h4,{id:"using-src-and-istiledimage-props",children:["Using ",(0,i.jsx)(s.code,{children:"src"})," and ",(0,i.jsx)(s.code,{children:"isTiledImage"})," props"]}),"\n",(0,i.jsxs)(s.p,{children:["For ",(0,i.jsx)(s.strong,{children:"Tiled Images"}),", render ",(0,i.jsx)(s.code,{children:"Image"})," with a ",(0,i.jsx)(s.code,{children:"src"})," attribute of the IIIF Image service ",(0,i.jsx)(s.code,{children:"id"}),". The ",(0,i.jsx)(s.code,{children:"isTiledImage"})," prop is optional and defaults to ",(0,i.jsx)(s.code,{children:"false"}),"."]}),"\n",(0,i.jsxs)(h.mQ,{items:["Code","Preview"],children:[(0,i.jsx)(h.OK,{children:(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"style"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{ height"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"400px"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}>"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"CloverImage"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"src"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://iiif.dc.library.northwestern.edu/iiif/2/6ca016c5-de7f-4373-ae8f-7047fecf6ace"'})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"isTiledImage"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"true"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"}"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})}),(0,i.jsx)(h.OK,{children:(0,i.jsx)("div",{style:{height:"400px"},children:(0,i.jsx)(c.Z,{src:"https://iiif.dc.library.northwestern.edu/iiif/2/6ca016c5-de7f-4373-ae8f-7047fecf6ace",isTiledImage:!0})})})]}),"\n",(0,i.jsxs)(s.p,{children:["For ",(0,i.jsx)(s.strong,{children:"Simple Images"}),", render ",(0,i.jsx)(s.code,{children:"Image"})," with a ",(0,i.jsx)(s.code,{children:"src"})," attribute of the image, ex: ",(0,i.jsx)(s.code,{children:"https://example.org/image.jpg"}),". The ",(0,i.jsx)(s.code,{children:"isTiledImage"})," must be omitted or set to ",(0,i.jsx)(s.code,{children:"false"}),"."]}),"\n",(0,i.jsxs)(h.mQ,{items:["Code","Preview"],children:[(0,i.jsx)(h.OK,{children:(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"style"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{ height"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"400px"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}>"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"CloverImage"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"src"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://iiif.dc.library.northwestern.edu/iiif/2/6ca016c5-de7f-4373-ae8f-7047fecf6ace/full/1000,/0/default.jpg"'})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})}),(0,i.jsx)(h.OK,{children:(0,i.jsx)("div",{style:{height:"400px"},children:(0,i.jsx)(c.Z,{src:"https://iiif.dc.library.northwestern.edu/iiif/2/6ca016c5-de7f-4373-ae8f-7047fecf6ace/full/1000,/0/default.jpg"})})})]}),"\n",(0,i.jsxs)(s.h4,{id:"using-the-iiif-annotation-body",children:["Using the IIIF annotation ",(0,i.jsx)(s.code,{children:"body"})]}),"\n",(0,i.jsxs)(s.p,{children:["When using the IIIF annotation ",(0,i.jsx)(s.code,{children:"body"})," from IIIF Manifest, the ",(0,i.jsx)(s.code,{children:"Image"})," component will render the image based on the IIIF Image service ",(0,i.jsx)(s.code,{children:"id"})," and other properties."]}),"\n",(0,i.jsxs)(h.mQ,{items:["Code","Preview"],children:[(0,i.jsx)(h.OK,{children:(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"style"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{ height"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"400px"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}>"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"CloverImage"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"body"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" id"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://iiif.dc.library.northwestern.edu/iiif/2/6ca016c5-de7f-4373-ae8f-7047fecf6ace/full/600,/0/default.jpg"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" type"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" format"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"image/tiff"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" height"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"5709"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" width"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"8949"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" service"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://iiif.dc.library.northwestern.edu/iiif/2/6ca016c5-de7f-4373-ae8f-7047fecf6ace"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@type"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"ImageService2"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" profile"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"http://iiif.io/api/image/2/level2.json"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})}),(0,i.jsx)(h.OK,{children:(0,i.jsx)("div",{style:{height:"400px"},children:(0,i.jsx)(c.Z,{body:{id:"https://iiif.dc.library.northwestern.edu/iiif/2/6ca016c5-de7f-4373-ae8f-7047fecf6ace/full/600,/0/default.jpg",type:"Image",format:"image/tiff",height:5709,width:8949,service:[{"@id":"https://iiif.dc.library.northwestern.edu/iiif/2/6ca016c5-de7f-4373-ae8f-7047fecf6ace","@type":"ImageService2",profile:"http://iiif.io/api/image/2/level2.json"}]}})})})]}),"\n",(0,i.jsx)(s.h3,{id:"vanilla-javascript",children:"Vanilla JavaScript"}),"\n",(0,i.jsxs)(s.p,{children:["The Viewer can also be implemented in Vanilla Javascript by use of a web component. This web component example sources a registered ",(0,i.jsx)(s.code,{children:""})," web component."]}),"\n",(0,i.jsxs)(h.mQ,{items:["Code","Preview"],children:[(0,i.jsx)(h.OK,{children:(0,i.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"html"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"head"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"title"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">Clover IIIF - Image - Web Component"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"meta"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"charset"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"UTF-8"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"body"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"script"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"src"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://www.unpkg.com/@samvera/clover-iiif@latest/dist/web-components/index.umd.js"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"style"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"height: 400px;"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"clover-image"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"src"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://iiif.dc.library.northwestern.edu/iiif/2/7192086f-fbe3-4939-b58a-6a63cddea42f"'})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"is-tiled-image"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"true"'})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"aria-label"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"A IIIF Image"'})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})}),(0,i.jsx)(h.OK,{children:(0,i.jsx)(c.Z,{})})]}),"\n",(0,i.jsx)(s.h3,{id:"nextjs",children:"Next.js"}),"\n",(0,i.jsxs)(s.p,{children:["Implementation with Next.js requires a ",(0,i.jsx)(s.a,{href:"https://nextjs.org/docs/advanced-features/dynamic-import",children:"dynamic import"})," utilizing ",(0,i.jsx)(s.code,{children:"next/dynamic"}),". This is due to Next's node compilation method creating issue with an ",(0,i.jsx)(s.code,{children:"OpenSeadragon"})," (a dependency of Clover IIIF) assumption of a browser ",(0,i.jsx)(s.code,{children:"document"})," object."]}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" dynamic "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"next/dynamic"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Image"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"dynamic"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"("})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"("}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:")"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".then"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"((Clover) "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Clover"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".Image)"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ssr"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"false"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:");"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"MyCustomImage"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Image"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"src"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://ids.lib.harvard.edu/ids/iiif/18772291/full/full/0/default.jpg"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" );"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})})]})}),"\n",(0,i.jsx)(s.h2,{id:"api-reference",children:"API Reference"}),"\n",(0,i.jsxs)(s.p,{children:["Note that while that ",(0,i.jsx)(s.code,{children:"src"})," and ",(0,i.jsx)(s.code,{children:"body"})," are both optional, at least one of them must be provided."]}),"\n",(0,i.jsxs)(s.table,{children:[(0,i.jsx)(s.thead,{children:(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.th,{children:"Prop"}),(0,i.jsx)(s.th,{children:"Type"}),(0,i.jsx)(s.th,{children:"Required"})]})}),(0,i.jsxs)(s.tbody,{children:[(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"body"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.a,{href:"https://iiif.io/api/presentation/3.0/#57-content-resources",children:"IIIF Content Resource"})}),(0,i.jsx)(s.td,{children:"No"})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"instanceId"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"string"})}),(0,i.jsx)(s.td,{children:"No"})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"label"})}),(0,i.jsxs)(s.td,{children:[(0,i.jsx)(s.code,{children:"string"})," or ",(0,i.jsx)(s.a,{href:"https://iiif.io/api/presentation/3.0/#label",children:"IIIF Label"})]}),(0,i.jsx)(s.td,{children:"No"})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"src"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"string"})}),(0,i.jsx)(s.td,{children:"No"})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"openSeadragonCallback"})}),(0,i.jsx)(s.td,{children:"function"}),(0,i.jsx)(s.td,{children:"No"})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"openSeadragonConfig"})}),(0,i.jsx)(s.td,{children:"OpenSeadragon.Options"}),(0,i.jsx)(s.td,{children:"No"})]})]})]}),"\n",(0,i.jsx)(s.h2,{id:"openseadragon",children:"OpenSeadragon"}),"\n",(0,i.jsx)(s.h3,{id:"openseadragon-callback",children:"OpenSeadragon Callback"}),"\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.code,{children:"Image"})," component uses ",(0,i.jsx)(s.a,{href:"https://openseadragon.github.io/",children:"OpenSeadragon"})," to render the image. The ",(0,i.jsx)(s.code,{children:"openSeadragonCallback"})," prop provides a callback function that returns the OpenSeadragon ",(0,i.jsx)(s.code,{children:"Viewer"})," instance. This can be used to programmatically control the viewer from the consuming application."]}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Image "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"MyCustomImage"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"handleOpenSeadragonCallback"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" (viewer) "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"console"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".log"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"("}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"OpenSeadragon instance is ready"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:");"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"console"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".log"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"(viewer);"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" };"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Image"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"src"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://ids.lib.harvard.edu/ids/iiif/18772291/full/full/0/default.jpg"'})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"openSeadragonCallback"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{handleOpenSeadragonCallback}"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" );"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})})]})}),"\n",(0,i.jsx)(s.h3,{id:"openseadragon-configuration",children:"OpenSeadragon Configuration"}),"\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.code,{children:"openSeadragonConfig"})," prop provides a way to configure the OpenSeadragon ",(0,i.jsx)(s.code,{children:"Viewer"})," instance. This prop accepts an object of ",(0,i.jsx)(s.a,{href:"https://openseadragon.github.io/docs/OpenSeadragon.html#.Options",children:"OpenSeadragon.Options"}),"."]}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Image "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"MyCustomImage"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"openSeadragonConfig"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" showNavigator"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"false"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" showRotationControl"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"true"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-comment)"},children:"// ... other OpenSeadragon options"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" };"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Image"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"src"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://ids.lib.harvard.edu/ids/iiif/18772291/full/full/0/default.jpg"'})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"openSeadragonConfig"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{openSeadragonConfig}"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" );"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})})]})}),"\n",(0,i.jsx)(s.h2,{id:"label-and-aria",children:"Label and ARIA"}),"\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.code,{children:"label"})," prop is used to provide an accessible name for the OpenSeadragon. This is used as the ",(0,i.jsx)(s.code,{children:"aria-label"})," attribute on the viewport element wrapping the OpenSeadragon canvas."]}),"\n",(0,i.jsxs)(s.p,{children:["The label can be a ",(0,i.jsx)(s.code,{children:"string"})," or a valid IIIF Presentation API 3.0 ",(0,i.jsx)(s.a,{href:"https://iiif.io/api/presentation/3.0/#label",children:"label"}),"."]}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Image "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"MyCustomImage"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Image"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"src"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://ids.lib.harvard.edu/ids/iiif/18772291/full/full/0/default.jpg"'})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"label"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Self-Portrait at Eleven Years Old"'})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" );"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})})]})}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Image "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"MyCustomImage"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Image"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"src"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://ids.lib.harvard.edu/ids/iiif/18772291/full/full/0/default.jpg"'})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"label"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{ en"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Self-Portrait at Eleven Years Old"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }}"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" );"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})})]})}),"\n",(0,i.jsx)(s.h2,{id:"instance-id",children:"Instance ID"}),"\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.code,{children:"instanceId"})," prop is used to provide an identifier defined from the consuming application for the OpenSeadragon instance. This is used as the ",(0,i.jsx)(s.code,{children:"id"})," attribute on the viewport element wrapping the OpenSeadragon canvas. ",(0,i.jsx)(s.code,{children:"instanceId"})," is optional and by default the ",(0,i.jsx)(s.code,{children:"Image"})," component will generate a unique identifier."]}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Image "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"MyCustomImage"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"instanceId"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"my-defined-instance-id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"handleOpenSeadragonCallback"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" (viewer) "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"console"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".log"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"("}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"viewer"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"?.id);"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-comment)"},children:"// openseadragon-my-defined-instance-id"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" };"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Image"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"src"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://ids.lib.harvard.edu/ids/iiif/18772291/full/full/0/default.jpg"'})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"instanceId"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{instanceId}"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"openSeadragonCallback"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{handleOpenSeadragonCallback}"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" );"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})})]})})]})}let k={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:s}=Object.assign({},(0,a.a)(),e.components);return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(p,{...e})}):p(e)},pageOpts:{filePath:"pages/docs/image.mdx",route:"/docs/image",frontMatter:{title:"Image"},timestamp:173257264e4,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Image",headings:x},pageNextRoute:"/docs/image",nextraLayout:l.ZP,themeConfig:o.Z};s.default=(0,r.j)(k)},8851:function(e,s,n){"use strict";var i=n(2676),r=n(6147);let l=n.n(r)()(()=>Promise.all([n.e(668),n.e(965),n.e(367),n.e(938),n.e(338),n.e(992)]).then(n.bind(n,1338)),{loadableGenerated:{webpack:()=>[1338]},ssr:!1});s.Z=e=>(0,i.jsx)(l,{...e})},1973:function(e,s,n){"use strict";var i=n(2676),r=n(5318),l=n.n(r);n(5271);var o=n(8158);let a=()=>{let e="#ed1d33",s="#2873ab";return(0,i.jsxs)("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1",style:{height:"1rem"},children:[(0,i.jsx)("title",{children:"IIIF Logo"}),(0,i.jsx)("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)",children:(0,i.jsxs)("g",{transform:"scale(0.1)",children:[(0,i.jsx)("path",{style:{fill:s},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),(0,i.jsx)("path",{style:{fill:s},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),(0,i.jsx)("path",{style:{fill:e},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),(0,i.jsx)("path",{style:{fill:e},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),(0,i.jsx)("path",{style:{fill:s},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),(0,i.jsx)("path",{style:{fill:s},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),(0,i.jsx)("path",{style:{fill:e},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"})]})})]})},t=(0,o.zo)(l(),{display:"inline-flex",flexDirection:"column",textDecoration:"none",alignItems:"center",padding:"0.5rem 0"}),c=(0,o.zo)("span",{display:"inline-flex",alignItems:"center",justifyContent:"center"});s.Z=e=>{let{children:s,href:n,text:r=["Presentation API"]}=e;return(0,i.jsx)(t,{href:n,target:"_blank",className:"nx-flex-col",children:(0,i.jsxs)(c,{className:"nx-gap-2 nx-h-7 nx-rounded-md nx-px-2 nx-text-left nx-text-sm nx-font-medium nx-text-gray-600 nx-transition-colors dark:nx-text-gray-400 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",children:[(0,i.jsx)(a,{})," ",r.join(" or ")," ↗"]})})}},8158:function(e,s,n){"use strict";n.d(s,{BC:function(){return r},F4:function(){return a},zo:function(){return l}});var i=n(1028);let r={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:l,css:o,keyframes:a,createTheme:t}=(0,i.Th)({theme:{colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"hsl(".concat(209," 100% 38.2%)"),accentMuted:"hsl(".concat(209," 80% 61.8%)"),accentAlt:"hsl(".concat(209," 80% 30%)"),secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},media:r})},7104:function(e,s,n){"use strict";n.d(s,{Z:function(){return k}});var i=n(2676),r=n(2936),l=n.n(r),o=n(5271);let a={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},t=["Scroll"];var c=e=>{let{title:s}=e;return t.includes(s)?(0,i.jsxs)("span",{children:[s,(0,i.jsx)("span",{style:a,children:"Beta"})]}):(0,i.jsx)("span",{children:s})},h=n(826),d=n(9205);let x="Clover IIIF",p="Showcase IIIF Manifests as interoperable web content.";var k={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,h.ZR)(),s=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(x):"".concat(x," – ").concat(p),n=e.frontMatter.description?e.frontMatter.description:p,{route:i}=(0,d.useRouter)(),r=(0,o.useMemo)(()=>new URL(i.endsWith("/")?i:"".concat(i,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[i]);return{defaultTitle:"".concat(x," - ").concat(p),title:s,description:n,canonical:r,openGraph:{url:r,title:s,siteName:"".concat(x," - ").concat(p),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,i.jsx)(()=>(0,i.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,i.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,i.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,i.jsx)(l(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,i.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){}},function(e){e.O(0,[546,514,888,774,179],function(){return e(e.s=3441)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[451],{3441:function(e,s,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/image",function(){return n(2908)}])},2908:function(e,s,n){"use strict";n.r(s),n.d(s,{__toc:function(){return x},handleOpenSeadragonCallback:function(){return d}});var i=n(2676),r=n(5384),l=n(826),o=n(7104);n(1952);var a=n(7532),t=n(1973),c=n(8851),h=n(3860);let d=()=>{},x=[{depth:2,value:"Features",id:"features"},{depth:2,value:"Installation",id:"installation"},{depth:2,value:"Usage",id:"usage"},{depth:3,value:"React",id:"react"},{depth:4,value:"Using src and isTiledImage props",id:"using-src-and-istiledimage-props"},{depth:4,value:"Using the IIIF annotation body",id:"using-the-iiif-annotation-body"},{depth:3,value:"Vanilla JavaScript",id:"vanilla-javascript"},{depth:3,value:"Next.js",id:"nextjs"},{depth:2,value:"API Reference",id:"api-reference"},{depth:2,value:"OpenSeadragon",id:"openseadragon"},{depth:3,value:"OpenSeadragon Callback",id:"openseadragon-callback"},{depth:3,value:"OpenSeadragon Configuration",id:"openseadragon-configuration"},{depth:2,value:"Label and ARIA",id:"label-and-aria"},{depth:2,value:"Instance ID",id:"instance-id"}];function p(e){let s=Object.assign({h1:"h1",p:"p",em:"em",a:"a",h2:"h2",code:"code",ul:"ul",li:"li",pre:"pre",span:"span",h3:"h3",h4:"h4",strong:"strong",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td"},(0,a.a)(),e.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.h1,{children:"Image"}),"\n",(0,i.jsxs)(s.p,{children:["A UI component that renders a ",(0,i.jsx)(s.em,{children:"pan and deep-zoom"})," Image viewer using ",(0,i.jsx)(s.a,{href:"https://openseadragon.github.io/",children:"OpenSeadragon"}),"."]}),"\n",(0,i.jsx)(t.Z,{href:"https://iiif.io/api/image/3.0",text:["Image"]}),"\n",(0,i.jsx)("div",{style:{height:"38.2vh",minHeight:"450px"},children:(0,i.jsx)(c.Z,{body:{id:"https://iiif.dc.library.northwestern.edu/iiif/2/6ca016c5-de7f-4373-ae8f-7047fecf6ace/full/600,/0/default.jpg",type:"Image",format:"image/tiff",height:5709,width:8949,service:[{"@id":"https://iiif.dc.library.northwestern.edu/iiif/2/6ca016c5-de7f-4373-ae8f-7047fecf6ace","@type":"ImageService2",profile:"http://iiif.io/api/image/2/level2.json"}]}})}),"\n",(0,i.jsx)(s.h2,{id:"features",children:"Features"}),"\n",(0,i.jsxs)(s.p,{children:["Provide a IIIF Annotation body with the ",(0,i.jsx)(s.code,{children:"type"})," of ",(0,i.jsx)(s.code,{children:"Image"})," and the component:"]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:["Renders a single ",(0,i.jsx)(s.a,{href:"https://openseadragon.github.io/",children:"OpenSeadragon"})," instance."]}),"\n",(0,i.jsxs)(s.li,{children:["Returns OpenSeadragon's ",(0,i.jsx)(s.code,{children:"Viewer"})," instance for programmatic control."]}),"\n",(0,i.jsxs)(s.li,{children:["Provides configuration options for OpenSeadragon's ",(0,i.jsx)(s.code,{children:"Viewer"})," instance."]}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"installation",children:"Installation"}),"\n",(0,i.jsxs)(h.mQ,{items:["npm","yarn","pnpm"],children:[(0,i.jsx)(h.OK,{children:(0,i.jsx)(s.pre,{"data-language":"shell","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"shell","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"npm"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"install"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@samvera/clover-iiif"})]})})})}),(0,i.jsx)(h.OK,{children:(0,i.jsx)(s.pre,{"data-language":"shell","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"shell","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"yarn"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@samvera/clover-iiif"})]})})})}),(0,i.jsx)(h.OK,{children:(0,i.jsx)(s.pre,{"data-language":"shell","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"shell","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"pnpm"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"install"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@samvera/clover-iiif"})]})})})})]}),"\n",(0,i.jsx)(s.h2,{id:"usage",children:"Usage"}),"\n",(0,i.jsx)(s.h3,{id:"react",children:"React"}),"\n",(0,i.jsxs)(s.p,{children:["Add the ",(0,i.jsx)(s.code,{children:"Image"})," component to your ",(0,i.jsx)(s.code,{children:"jsx"})," or ",(0,i.jsx)(s.code,{children:"tsx"})," code."]}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Image "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]})})}),"\n",(0,i.jsxs)(s.h4,{id:"using-src-and-istiledimage-props",children:["Using ",(0,i.jsx)(s.code,{children:"src"})," and ",(0,i.jsx)(s.code,{children:"isTiledImage"})," props"]}),"\n",(0,i.jsxs)(s.p,{children:["For ",(0,i.jsx)(s.strong,{children:"Tiled Images"}),", render ",(0,i.jsx)(s.code,{children:"Image"})," with a ",(0,i.jsx)(s.code,{children:"src"})," attribute of the IIIF Image service ",(0,i.jsx)(s.code,{children:"id"}),". The ",(0,i.jsx)(s.code,{children:"isTiledImage"})," prop is optional and defaults to ",(0,i.jsx)(s.code,{children:"false"}),"."]}),"\n",(0,i.jsxs)(h.mQ,{items:["Code","Preview"],children:[(0,i.jsx)(h.OK,{children:(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"style"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{ height"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"400px"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}>"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"CloverImage"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"src"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://iiif.dc.library.northwestern.edu/iiif/2/6ca016c5-de7f-4373-ae8f-7047fecf6ace"'})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"isTiledImage"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"true"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"}"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})}),(0,i.jsx)(h.OK,{children:(0,i.jsx)("div",{style:{height:"400px"},children:(0,i.jsx)(c.Z,{src:"https://iiif.dc.library.northwestern.edu/iiif/2/6ca016c5-de7f-4373-ae8f-7047fecf6ace",isTiledImage:!0})})})]}),"\n",(0,i.jsxs)(s.p,{children:["For ",(0,i.jsx)(s.strong,{children:"Simple Images"}),", render ",(0,i.jsx)(s.code,{children:"Image"})," with a ",(0,i.jsx)(s.code,{children:"src"})," attribute of the image, ex: ",(0,i.jsx)(s.code,{children:"https://example.org/image.jpg"}),". The ",(0,i.jsx)(s.code,{children:"isTiledImage"})," must be omitted or set to ",(0,i.jsx)(s.code,{children:"false"}),"."]}),"\n",(0,i.jsxs)(h.mQ,{items:["Code","Preview"],children:[(0,i.jsx)(h.OK,{children:(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"style"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{ height"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"400px"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}>"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"CloverImage"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"src"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://iiif.dc.library.northwestern.edu/iiif/2/6ca016c5-de7f-4373-ae8f-7047fecf6ace/full/1000,/0/default.jpg"'})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})}),(0,i.jsx)(h.OK,{children:(0,i.jsx)("div",{style:{height:"400px"},children:(0,i.jsx)(c.Z,{src:"https://iiif.dc.library.northwestern.edu/iiif/2/6ca016c5-de7f-4373-ae8f-7047fecf6ace/full/1000,/0/default.jpg"})})})]}),"\n",(0,i.jsxs)(s.h4,{id:"using-the-iiif-annotation-body",children:["Using the IIIF annotation ",(0,i.jsx)(s.code,{children:"body"})]}),"\n",(0,i.jsxs)(s.p,{children:["When using the IIIF annotation ",(0,i.jsx)(s.code,{children:"body"})," from IIIF Manifest, the ",(0,i.jsx)(s.code,{children:"Image"})," component will render the image based on the IIIF Image service ",(0,i.jsx)(s.code,{children:"id"})," and other properties."]}),"\n",(0,i.jsxs)(h.mQ,{items:["Code","Preview"],children:[(0,i.jsx)(h.OK,{children:(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"style"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{ height"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"400px"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}>"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"CloverImage"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"body"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" id"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://iiif.dc.library.northwestern.edu/iiif/2/6ca016c5-de7f-4373-ae8f-7047fecf6ace/full/600,/0/default.jpg"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" type"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" format"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"image/tiff"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" height"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"5709"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" width"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"8949"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" service"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://iiif.dc.library.northwestern.edu/iiif/2/6ca016c5-de7f-4373-ae8f-7047fecf6ace"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@type"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"ImageService2"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" profile"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"http://iiif.io/api/image/2/level2.json"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})}),(0,i.jsx)(h.OK,{children:(0,i.jsx)("div",{style:{height:"400px"},children:(0,i.jsx)(c.Z,{body:{id:"https://iiif.dc.library.northwestern.edu/iiif/2/6ca016c5-de7f-4373-ae8f-7047fecf6ace/full/600,/0/default.jpg",type:"Image",format:"image/tiff",height:5709,width:8949,service:[{"@id":"https://iiif.dc.library.northwestern.edu/iiif/2/6ca016c5-de7f-4373-ae8f-7047fecf6ace","@type":"ImageService2",profile:"http://iiif.io/api/image/2/level2.json"}]}})})})]}),"\n",(0,i.jsx)(s.h3,{id:"vanilla-javascript",children:"Vanilla JavaScript"}),"\n",(0,i.jsxs)(s.p,{children:["The Viewer can also be implemented in Vanilla Javascript by use of a web component. This web component example sources a registered ",(0,i.jsx)(s.code,{children:""})," web component."]}),"\n",(0,i.jsxs)(h.mQ,{items:["Code","Preview"],children:[(0,i.jsx)(h.OK,{children:(0,i.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"html"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"head"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"title"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">Clover IIIF - Image - Web Component"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"meta"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"charset"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"UTF-8"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"body"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"script"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"src"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://www.unpkg.com/@samvera/clover-iiif@latest/dist/web-components/index.umd.js"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"style"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"height: 400px;"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"clover-image"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"src"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://iiif.dc.library.northwestern.edu/iiif/2/7192086f-fbe3-4939-b58a-6a63cddea42f"'})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"is-tiled-image"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"true"'})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"aria-label"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"A IIIF Image"'})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})}),(0,i.jsx)(h.OK,{children:(0,i.jsx)(c.Z,{})})]}),"\n",(0,i.jsx)(s.h3,{id:"nextjs",children:"Next.js"}),"\n",(0,i.jsxs)(s.p,{children:["Implementation with Next.js requires a ",(0,i.jsx)(s.a,{href:"https://nextjs.org/docs/advanced-features/dynamic-import",children:"dynamic import"})," utilizing ",(0,i.jsx)(s.code,{children:"next/dynamic"}),". This is due to Next's node compilation method creating issue with an ",(0,i.jsx)(s.code,{children:"OpenSeadragon"})," (a dependency of Clover IIIF) assumption of a browser ",(0,i.jsx)(s.code,{children:"document"})," object."]}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" dynamic "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"next/dynamic"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Image"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"dynamic"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"("})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"("}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:")"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".then"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"((Clover) "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Clover"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".Image)"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ssr"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"false"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:");"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"MyCustomImage"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Image"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"src"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://ids.lib.harvard.edu/ids/iiif/18772291/full/full/0/default.jpg"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" );"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})})]})}),"\n",(0,i.jsx)(s.h2,{id:"api-reference",children:"API Reference"}),"\n",(0,i.jsxs)(s.p,{children:["Note that while that ",(0,i.jsx)(s.code,{children:"src"})," and ",(0,i.jsx)(s.code,{children:"body"})," are both optional, at least one of them must be provided."]}),"\n",(0,i.jsxs)(s.table,{children:[(0,i.jsx)(s.thead,{children:(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.th,{children:"Prop"}),(0,i.jsx)(s.th,{children:"Type"}),(0,i.jsx)(s.th,{children:"Required"})]})}),(0,i.jsxs)(s.tbody,{children:[(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"body"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.a,{href:"https://iiif.io/api/presentation/3.0/#57-content-resources",children:"IIIF Content Resource"})}),(0,i.jsx)(s.td,{children:"No"})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"instanceId"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"string"})}),(0,i.jsx)(s.td,{children:"No"})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"label"})}),(0,i.jsxs)(s.td,{children:[(0,i.jsx)(s.code,{children:"string"})," or ",(0,i.jsx)(s.a,{href:"https://iiif.io/api/presentation/3.0/#label",children:"IIIF Label"})]}),(0,i.jsx)(s.td,{children:"No"})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"src"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"string"})}),(0,i.jsx)(s.td,{children:"No"})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"openSeadragonCallback"})}),(0,i.jsx)(s.td,{children:"function"}),(0,i.jsx)(s.td,{children:"No"})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"openSeadragonConfig"})}),(0,i.jsx)(s.td,{children:"OpenSeadragon.Options"}),(0,i.jsx)(s.td,{children:"No"})]})]})]}),"\n",(0,i.jsx)(s.h2,{id:"openseadragon",children:"OpenSeadragon"}),"\n",(0,i.jsx)(s.h3,{id:"openseadragon-callback",children:"OpenSeadragon Callback"}),"\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.code,{children:"Image"})," component uses ",(0,i.jsx)(s.a,{href:"https://openseadragon.github.io/",children:"OpenSeadragon"})," to render the image. The ",(0,i.jsx)(s.code,{children:"openSeadragonCallback"})," prop provides a callback function that returns the OpenSeadragon ",(0,i.jsx)(s.code,{children:"Viewer"})," instance. This can be used to programmatically control the viewer from the consuming application."]}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Image "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"MyCustomImage"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"handleOpenSeadragonCallback"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" (viewer) "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"console"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".log"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"("}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"OpenSeadragon instance is ready"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:");"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"console"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".log"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"(viewer);"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" };"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Image"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"src"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://ids.lib.harvard.edu/ids/iiif/18772291/full/full/0/default.jpg"'})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"openSeadragonCallback"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{handleOpenSeadragonCallback}"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" );"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})})]})}),"\n",(0,i.jsx)(s.h3,{id:"openseadragon-configuration",children:"OpenSeadragon Configuration"}),"\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.code,{children:"openSeadragonConfig"})," prop provides a way to configure the OpenSeadragon ",(0,i.jsx)(s.code,{children:"Viewer"})," instance. This prop accepts an object of ",(0,i.jsx)(s.a,{href:"https://openseadragon.github.io/docs/OpenSeadragon.html#.Options",children:"OpenSeadragon.Options"}),"."]}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Image "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"MyCustomImage"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"openSeadragonConfig"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" showNavigator"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"false"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" showRotationControl"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"true"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-comment)"},children:"// ... other OpenSeadragon options"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" };"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Image"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"src"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://ids.lib.harvard.edu/ids/iiif/18772291/full/full/0/default.jpg"'})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"openSeadragonConfig"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{openSeadragonConfig}"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" );"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})})]})}),"\n",(0,i.jsx)(s.h2,{id:"label-and-aria",children:"Label and ARIA"}),"\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.code,{children:"label"})," prop is used to provide an accessible name for the OpenSeadragon. This is used as the ",(0,i.jsx)(s.code,{children:"aria-label"})," attribute on the viewport element wrapping the OpenSeadragon canvas."]}),"\n",(0,i.jsxs)(s.p,{children:["The label can be a ",(0,i.jsx)(s.code,{children:"string"})," or a valid IIIF Presentation API 3.0 ",(0,i.jsx)(s.a,{href:"https://iiif.io/api/presentation/3.0/#label",children:"label"}),"."]}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Image "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"MyCustomImage"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Image"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"src"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://ids.lib.harvard.edu/ids/iiif/18772291/full/full/0/default.jpg"'})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"label"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Self-Portrait at Eleven Years Old"'})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" );"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})})]})}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Image "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"MyCustomImage"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Image"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"src"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://ids.lib.harvard.edu/ids/iiif/18772291/full/full/0/default.jpg"'})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"label"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{ en"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Self-Portrait at Eleven Years Old"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }}"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" );"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})})]})}),"\n",(0,i.jsx)(s.h2,{id:"instance-id",children:"Instance ID"}),"\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.code,{children:"instanceId"})," prop is used to provide an identifier defined from the consuming application for the OpenSeadragon instance. This is used as the ",(0,i.jsx)(s.code,{children:"id"})," attribute on the viewport element wrapping the OpenSeadragon canvas. ",(0,i.jsx)(s.code,{children:"instanceId"})," is optional and by default the ",(0,i.jsx)(s.code,{children:"Image"})," component will generate a unique identifier."]}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Image "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"MyCustomImage"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"instanceId"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"my-defined-instance-id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"handleOpenSeadragonCallback"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" (viewer) "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"console"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".log"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"("}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"viewer"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"?.id);"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-comment)"},children:"// openseadragon-my-defined-instance-id"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" };"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Image"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"src"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://ids.lib.harvard.edu/ids/iiif/18772291/full/full/0/default.jpg"'})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"instanceId"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{instanceId}"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"openSeadragonCallback"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{handleOpenSeadragonCallback}"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" );"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})})]})})]})}let k={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:s}=Object.assign({},(0,a.a)(),e.components);return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(p,{...e})}):p(e)},pageOpts:{filePath:"pages/docs/image.mdx",route:"/docs/image",frontMatter:{title:"Image"},timestamp:1732573097e3,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Image",headings:x},pageNextRoute:"/docs/image",nextraLayout:l.ZP,themeConfig:o.Z};s.default=(0,r.j)(k)},8851:function(e,s,n){"use strict";var i=n(2676),r=n(6147);let l=n.n(r)()(()=>Promise.all([n.e(668),n.e(965),n.e(367),n.e(938),n.e(338),n.e(992)]).then(n.bind(n,1338)),{loadableGenerated:{webpack:()=>[1338]},ssr:!1});s.Z=e=>(0,i.jsx)(l,{...e})},1973:function(e,s,n){"use strict";var i=n(2676),r=n(5318),l=n.n(r);n(5271);var o=n(8158);let a=()=>{let e="#ed1d33",s="#2873ab";return(0,i.jsxs)("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1",style:{height:"1rem"},children:[(0,i.jsx)("title",{children:"IIIF Logo"}),(0,i.jsx)("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)",children:(0,i.jsxs)("g",{transform:"scale(0.1)",children:[(0,i.jsx)("path",{style:{fill:s},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),(0,i.jsx)("path",{style:{fill:s},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),(0,i.jsx)("path",{style:{fill:e},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),(0,i.jsx)("path",{style:{fill:e},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),(0,i.jsx)("path",{style:{fill:s},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),(0,i.jsx)("path",{style:{fill:s},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),(0,i.jsx)("path",{style:{fill:e},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"})]})})]})},t=(0,o.zo)(l(),{display:"inline-flex",flexDirection:"column",textDecoration:"none",alignItems:"center",padding:"0.5rem 0"}),c=(0,o.zo)("span",{display:"inline-flex",alignItems:"center",justifyContent:"center"});s.Z=e=>{let{children:s,href:n,text:r=["Presentation API"]}=e;return(0,i.jsx)(t,{href:n,target:"_blank",className:"nx-flex-col",children:(0,i.jsxs)(c,{className:"nx-gap-2 nx-h-7 nx-rounded-md nx-px-2 nx-text-left nx-text-sm nx-font-medium nx-text-gray-600 nx-transition-colors dark:nx-text-gray-400 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",children:[(0,i.jsx)(a,{})," ",r.join(" or ")," ↗"]})})}},8158:function(e,s,n){"use strict";n.d(s,{BC:function(){return r},F4:function(){return a},zo:function(){return l}});var i=n(1028);let r={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:l,css:o,keyframes:a,createTheme:t}=(0,i.Th)({theme:{colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"hsl(".concat(209," 100% 38.2%)"),accentMuted:"hsl(".concat(209," 80% 61.8%)"),accentAlt:"hsl(".concat(209," 80% 30%)"),secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},media:r})},7104:function(e,s,n){"use strict";n.d(s,{Z:function(){return k}});var i=n(2676),r=n(2936),l=n.n(r),o=n(5271);let a={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},t=["Scroll"];var c=e=>{let{title:s}=e;return t.includes(s)?(0,i.jsxs)("span",{children:[s,(0,i.jsx)("span",{style:a,children:"Beta"})]}):(0,i.jsx)("span",{children:s})},h=n(826),d=n(9205);let x="Clover IIIF",p="Showcase IIIF Manifests as interoperable web content.";var k={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,h.ZR)(),s=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(x):"".concat(x," – ").concat(p),n=e.frontMatter.description?e.frontMatter.description:p,{route:i}=(0,d.useRouter)(),r=(0,o.useMemo)(()=>new URL(i.endsWith("/")?i:"".concat(i,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[i]);return{defaultTitle:"".concat(x," - ").concat(p),title:s,description:n,canonical:r,openGraph:{url:r,title:s,siteName:"".concat(x," - ").concat(p),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,i.jsx)(()=>(0,i.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,i.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,i.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,i.jsx)(l(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,i.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){}},function(e){e.O(0,[546,514,888,774,179],function(){return e(e.s=3441)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/docs/label-356b808bc56e7167.js b/_next/static/chunks/pages/docs/label-356b808bc56e7167.js deleted file mode 100644 index a36aef91..00000000 --- a/_next/static/chunks/pages/docs/label-356b808bc56e7167.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[331],{4484:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/label",function(){return r(6283)}])},6283:function(e,t,r){"use strict";r.r(t),r.d(t,{__toc:function(){return h}});var s=r(2676),n=r(5384),i=r(826),l=r(7104);r(1952);var o=r(7532),a=r(1973),c=r(4384),d=r(3860);let h=[{depth:2,value:"Usage",id:"usage"},{depth:3,value:"React",id:"react"},{depth:2,value:"API Reference",id:"api-reference"},{depth:3,value:"Custom Element",id:"custom-element"},{depth:3,value:"HTML Attributes",id:"html-attributes"},{depth:3,value:"Language",id:"language"}];function p(e){let t=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre",span:"span",h2:"h2",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",strong:"strong"},(0,o.a)(),e.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{children:"Label"}),"\n",(0,s.jsxs)(t.p,{children:["The ",(0,s.jsx)(t.code,{children:"Label"})," component is used to display the label of a resource. It is used in the following contexts: Manifest, Canvas, Range, Annotation, AnnotationPage, Collection, and Manifest. It is a string or an object with language keys and string values."]}),"\n",(0,s.jsx)(a.Z,{href:"https://iiif.io/api/presentation/3.0/#label",text:["label"]}),"\n",(0,s.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,s.jsx)(d.OK,{children:(0,s.jsx)(t.pre,{"data-language":"jsx","data-theme":"default",children:(0,s.jsx)(t.code,{"data-language":"jsx","data-theme":"default",children:(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"Label"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"label"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{{ none"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Crossing the Pend d\'Oreille - Kalispel"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"] }} />"})]})})})}),(0,s.jsx)(d.OK,{children:(0,s.jsx)(c.__,{label:{none:["Crossing the Pend d'Oreille - Kalispel"]}})}),(0,s.jsx)(d.OK,{children:(0,s.jsx)(t.pre,{"data-language":"html","data-theme":"default",children:(0,s.jsx)(t.code,{"data-language":"html","data-theme":"default",children:(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"span"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">Crossing the Pend d'Oreille - Kalispel"})]})})})})]}),"\n",(0,s.jsx)(t.h2,{id:"usage",children:"Usage"}),"\n",(0,s.jsx)(t.h3,{id:"react",children:"React"}),"\n",(0,s.jsx)(t.pre,{"data-language":"jsx","data-theme":"default",children:(0,s.jsxs)(t.code,{"data-language":"jsx","data-theme":"default",children:[(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" { Label } "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/primitives"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:" "}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"CustomLabel"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ({ label }) "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"Label"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"label"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{label} />;"})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,s.jsx)(t.span,{className:"line",children:" "}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" CustomLabel;"})]})]})}),"\n",(0,s.jsx)(t.h2,{id:"api-reference",children:"API Reference"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{children:"Prop"}),(0,s.jsx)(t.th,{children:"Type"}),(0,s.jsx)(t.th,{children:"Default"}),(0,s.jsx)(t.th,{children:"Required"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"as"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"span"}),", ",(0,s.jsx)(t.code,{children:"h1"}),", ",(0,s.jsx)(t.code,{children:"h2"}),", ",(0,s.jsx)(t.code,{children:"h3"}),", ",(0,s.jsx)(t.code,{children:"h4"}),", ",(0,s.jsx)(t.code,{children:"h5"}),", ",(0,s.jsx)(t.code,{children:"h6"}),", ",(0,s.jsx)(t.code,{children:"p"}),", ",(0,s.jsx)(t.code,{children:"label"}),", ",(0,s.jsx)(t.code,{children:"dt"}),", ",(0,s.jsx)(t.code,{children:"dd"})]}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"span"})}),(0,s.jsx)(t.td,{children:"--"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"label"})}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://iiif.io/api/presentation/3.0/#label",children:"label"})}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.strong,{children:"Yes"})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"className"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"string"}),", ",(0,s.jsx)(t.code,{children:"undefined"})]}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:"--"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"style"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"CSSProperties"}),", ",(0,s.jsx)(t.code,{children:"undefined"})]}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:"--"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"lang"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"string"}),", ",(0,s.jsx)(t.code,{children:"undefined"})]}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:"--"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"title"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"string"}),", ",(0,s.jsx)(t.code,{children:"undefined"})]}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:"--"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"data-*"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"string"}),", ",(0,s.jsx)(t.code,{children:"undefined"})]}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:"--"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"aria-*"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"AriaAttributes"}),", ",(0,s.jsx)(t.code,{children:"undefined"})]}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:"--"})]})]})]}),"\n",(0,s.jsx)(t.h3,{id:"custom-element",children:"Custom Element"}),"\n",(0,s.jsxs)(t.p,{children:["The ",(0,s.jsx)(t.code,{children:"Label"})," component can be rendered as ",(0,s.jsx)(t.code,{children:" span"}),", ",(0,s.jsx)(t.code,{children:"h1"}),", ",(0,s.jsx)(t.code,{children:"h2"}),", ",(0,s.jsx)(t.code,{children:"h3"}),", ",(0,s.jsx)(t.code,{children:"h4"}),", ",(0,s.jsx)(t.code,{children:"h5"}),", ",(0,s.jsx)(t.code,{children:"h6"}),", ",(0,s.jsx)(t.code,{children:"p"}),", ",(0,s.jsx)(t.code,{children:"label"}),", ",(0,s.jsx)(t.code,{children:"dt"}),", or ",(0,s.jsx)(t.code,{children:"dd"}),". The default is ",(0,s.jsx)(t.code,{children:"span"}),"."]}),"\n",(0,s.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,s.jsx)(d.OK,{children:(0,s.jsx)(t.pre,{"data-language":"jsx","data-theme":"default",children:(0,s.jsxs)(t.code,{"data-language":"jsx","data-theme":"default",children:[(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"Label"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"label"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{{ none"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Self-Portrait Dedicated to Paul Gauguin"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"] }}"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"as"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"h3"'})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,s.jsx)(d.OK,{children:(0,s.jsx)(c.__,{label:{none:["Self-Portrait Dedicated to Paul Gauguin"]},as:"h3"})}),(0,s.jsx)(d.OK,{children:(0,s.jsx)(t.pre,{"data-language":"html","data-theme":"default",children:(0,s.jsx)(t.code,{"data-language":"html","data-theme":"default",children:(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"h3"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">Self-Portrait Dedicated to Paul Gauguin"})]})})})})]}),"\n",(0,s.jsx)(t.h3,{id:"html-attributes",children:"HTML Attributes"}),"\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.code,{children:"Label"}),", like all Clover IIIF primitives accept common ",(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement",children:"HTMLElement"})," attributes. Use the JSX style ",(0,s.jsx)(t.code,{children:"className"})," prop to add custom classes. The same attribute methodology can be used for ",(0,s.jsx)(t.code,{children:"id"}),", ",(0,s.jsx)(t.code,{children:"style"}),", ",(0,s.jsx)(t.code,{children:"title"}),", ",(0,s.jsx)(t.code,{children:"data-*"}),", and ",(0,s.jsx)(t.code,{children:"aria-*"})," props."]}),"\n",(0,s.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,s.jsx)(d.OK,{children:(0,s.jsx)(t.pre,{"data-language":"jsx","data-theme":"default",children:(0,s.jsxs)(t.code,{"data-language":"jsx","data-theme":"default",children:[(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"Label"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"label"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{{ none"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Self-Portrait Dedicated to Paul Gauguin"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"] }}"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"className"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"custom-label-class"'})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,s.jsx)(d.OK,{children:(0,s.jsx)(c.__,{label:{none:["Self-Portrait Dedicated to Paul Gauguin"]},className:"custom-label-class"})}),(0,s.jsx)(d.OK,{children:(0,s.jsx)(t.pre,{"data-language":"html","data-theme":"default",children:(0,s.jsxs)(t.code,{"data-language":"html","data-theme":"default",children:[(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"span"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV custom-label-class"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" Self-Portrait Dedicated to Paul Gauguin"})}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,s.jsx)(t.h3,{id:"language",children:"Language"}),"\n",(0,s.jsxs)(t.p,{children:["Additional to being rendered to the DOM like other attributes, the value of ",(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/lang",children:(0,s.jsx)(t.code,{children:"lang"})})," will couple with ",(0,s.jsx)(t.a,{href:"https://github.com/IIIF-Commons/presentation-3-types/blob/main/iiif/descriptive.d.ts#L6-L8",children:"InternationalString"})," props to output the denoted ",(0,s.jsx)(t.code,{children:"label"}),", ",(0,s.jsx)(t.code,{children:"value"}),", ",(0,s.jsx)(t.code,{children:"summary"})," entries. If ",(0,s.jsx)(t.code,{children:"lang"})," is undefined, entries will default to the first entry in the array index. The value of ",(0,s.jsx)(t.code,{children:"lang"})," should be a two letter ",(0,s.jsx)(t.a,{href:"https://datatracker.ietf.org/doc/html/rfc5646",children:"BCP 47"})," language code."]}),"\n",(0,s.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,s.jsx)(d.OK,{children:(0,s.jsx)(t.pre,{"data-language":"jsx","data-theme":"default",children:(0,s.jsxs)(t.code,{"data-language":"jsx","data-theme":"default",children:[(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"Label"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"label"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Notes from staging and environment meetings"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" fr"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Notes des r\xe9unions de mise en sc\xe8ne et d\'environnement"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"fr"'})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,s.jsx)(d.OK,{children:(0,s.jsx)(c.__,{label:{en:["Notes from staging and environment meetings"],fr:["Notes des r\xe9unions de mise en sc\xe8ne et d'environnement"]},lang:"fr"})}),(0,s.jsx)(d.OK,{children:(0,s.jsx)(t.pre,{"data-language":"html","data-theme":"default",children:(0,s.jsxs)(t.code,{"data-language":"html","data-theme":"default",children:[(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"span"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"fr"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" Notes des r\xe9unions de mise en sc\xe8ne et d'environnement"})}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]})]})}let x={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,o.a)(),e.components);return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(p,{...e})}):p(e)},pageOpts:{filePath:"pages/docs/label.mdx",route:"/docs/label",frontMatter:{title:"Label"},timestamp:173257264e4,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Label",headings:h},pageNextRoute:"/docs/label",nextraLayout:i.ZP,themeConfig:l.Z};t.default=(0,n.j)(x)},1973:function(e,t,r){"use strict";var s=r(2676),n=r(5318),i=r.n(n);r(5271);var l=r(8158);let o=()=>{let e="#ed1d33",t="#2873ab";return(0,s.jsxs)("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1",style:{height:"1rem"},children:[(0,s.jsx)("title",{children:"IIIF Logo"}),(0,s.jsx)("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)",children:(0,s.jsxs)("g",{transform:"scale(0.1)",children:[(0,s.jsx)("path",{style:{fill:t},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),(0,s.jsx)("path",{style:{fill:t},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),(0,s.jsx)("path",{style:{fill:e},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),(0,s.jsx)("path",{style:{fill:e},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),(0,s.jsx)("path",{style:{fill:t},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),(0,s.jsx)("path",{style:{fill:t},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),(0,s.jsx)("path",{style:{fill:e},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"})]})})]})},a=(0,l.zo)(i(),{display:"inline-flex",flexDirection:"column",textDecoration:"none",alignItems:"center",padding:"0.5rem 0"}),c=(0,l.zo)("span",{display:"inline-flex",alignItems:"center",justifyContent:"center"});t.Z=e=>{let{children:t,href:r,text:n=["Presentation API"]}=e;return(0,s.jsx)(a,{href:r,target:"_blank",className:"nx-flex-col",children:(0,s.jsxs)(c,{className:"nx-gap-2 nx-h-7 nx-rounded-md nx-px-2 nx-text-left nx-text-sm nx-font-medium nx-text-gray-600 nx-transition-colors dark:nx-text-gray-400 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",children:[(0,s.jsx)(o,{})," ",n.join(" or ")," ↗"]})})}},8158:function(e,t,r){"use strict";r.d(t,{BC:function(){return n},F4:function(){return o},zo:function(){return i}});var s=r(1028);let n={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:i,css:l,keyframes:o,createTheme:a}=(0,s.Th)({theme:{colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"hsl(".concat(209," 100% 38.2%)"),accentMuted:"hsl(".concat(209," 80% 61.8%)"),accentAlt:"hsl(".concat(209," 80% 30%)"),secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},media:n})},7104:function(e,t,r){"use strict";r.d(t,{Z:function(){return m}});var s=r(2676),n=r(2936),i=r.n(n),l=r(5271);let o={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},a=["Scroll"];var c=e=>{let{title:t}=e;return a.includes(t)?(0,s.jsxs)("span",{children:[t,(0,s.jsx)("span",{style:o,children:"Beta"})]}):(0,s.jsx)("span",{children:t})},d=r(826),h=r(9205);let p="Clover IIIF",x="Showcase IIIF Manifests as interoperable web content.";var m={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),t=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(p):"".concat(p," – ").concat(x),r=e.frontMatter.description?e.frontMatter.description:x,{route:s}=(0,h.useRouter)(),n=(0,l.useMemo)(()=>new URL(s.endsWith("/")?s:"".concat(s,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[s]);return{defaultTitle:"".concat(p," - ").concat(x),title:t,description:r,canonical:n,openGraph:{url:n,title:t,siteName:"".concat(p," - ").concat(x),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,s.jsx)(()=>(0,s.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,s.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,s.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,s.jsx)(i(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,s.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){},1028:function(e,t,r){"use strict";r.d(t,{Th:function(){return Y},jG:function(){return et}});var s,n=r(5271),i="colors",l="sizes",o="space",a={gap:o,gridGap:o,columnGap:o,gridColumnGap:o,rowGap:o,gridRowGap:o,inset:o,insetBlock:o,insetBlockEnd:o,insetBlockStart:o,insetInline:o,insetInlineEnd:o,insetInlineStart:o,margin:o,marginTop:o,marginRight:o,marginBottom:o,marginLeft:o,marginBlock:o,marginBlockEnd:o,marginBlockStart:o,marginInline:o,marginInlineEnd:o,marginInlineStart:o,padding:o,paddingTop:o,paddingRight:o,paddingBottom:o,paddingLeft:o,paddingBlock:o,paddingBlockEnd:o,paddingBlockStart:o,paddingInline:o,paddingInlineEnd:o,paddingInlineStart:o,top:o,right:o,bottom:o,left:o,scrollMargin:o,scrollMarginTop:o,scrollMarginRight:o,scrollMarginBottom:o,scrollMarginLeft:o,scrollMarginX:o,scrollMarginY:o,scrollMarginBlock:o,scrollMarginBlockEnd:o,scrollMarginBlockStart:o,scrollMarginInline:o,scrollMarginInlineEnd:o,scrollMarginInlineStart:o,scrollPadding:o,scrollPaddingTop:o,scrollPaddingRight:o,scrollPaddingBottom:o,scrollPaddingLeft:o,scrollPaddingX:o,scrollPaddingY:o,scrollPaddingBlock:o,scrollPaddingBlockEnd:o,scrollPaddingBlockStart:o,scrollPaddingInline:o,scrollPaddingInlineEnd:o,scrollPaddingInlineStart:o,fontSize:"fontSizes",background:i,backgroundColor:i,backgroundImage:i,borderImage:i,border:i,borderBlock:i,borderBlockEnd:i,borderBlockStart:i,borderBottom:i,borderBottomColor:i,borderColor:i,borderInline:i,borderInlineEnd:i,borderInlineStart:i,borderLeft:i,borderLeftColor:i,borderRight:i,borderRightColor:i,borderTop:i,borderTopColor:i,caretColor:i,color:i,columnRuleColor:i,fill:i,outline:i,outlineColor:i,stroke:i,textDecorationColor:i,fontFamily:"fonts",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",blockSize:l,minBlockSize:l,maxBlockSize:l,inlineSize:l,minInlineSize:l,maxInlineSize:l,width:l,minWidth:l,maxWidth:l,height:l,minHeight:l,maxHeight:l,flexBasis:l,gridTemplateColumns:l,gridTemplateRows:l,borderWidth:"borderWidths",borderTopWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderLeftWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",transition:"transitions",zIndex:"zIndices"},c=(e,t)=>"function"==typeof t?{"()":Function.prototype.toString.call(t)}:t,d=()=>{let e=Object.create(null);return(t,r,...s)=>{let n=JSON.stringify(t,c);return n in e?e[n]:e[n]=r(t,...s)}},h=Symbol.for("sxs.internal"),p=(e,t)=>Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)),x=e=>{for(let t in e)return!0;return!1},{hasOwnProperty:m}=Object.prototype,u=e=>e.includes("-")?e:e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase()),g=/\s+(?![^()]*\))/,j=e=>t=>e(..."string"==typeof t?String(t).split(g):[t]),k={appearance:e=>({WebkitAppearance:e,appearance:e}),backfaceVisibility:e=>({WebkitBackfaceVisibility:e,backfaceVisibility:e}),backdropFilter:e=>({WebkitBackdropFilter:e,backdropFilter:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),boxDecorationBreak:e=>({WebkitBoxDecorationBreak:e,boxDecorationBreak:e}),clipPath:e=>({WebkitClipPath:e,clipPath:e}),content:e=>({content:e.includes('"')||e.includes("'")||/^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e)?e:`"${e}"`}),hyphens:e=>({WebkitHyphens:e,hyphens:e}),maskImage:e=>({WebkitMaskImage:e,maskImage:e}),maskSize:e=>({WebkitMaskSize:e,maskSize:e}),tabSize:e=>({MozTabSize:e,tabSize:e}),textSizeAdjust:e=>({WebkitTextSizeAdjust:e,textSizeAdjust:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),marginBlock:j((e,t)=>({marginBlockStart:e,marginBlockEnd:t||e})),marginInline:j((e,t)=>({marginInlineStart:e,marginInlineEnd:t||e})),maxSize:j((e,t)=>({maxBlockSize:e,maxInlineSize:t||e})),minSize:j((e,t)=>({minBlockSize:e,minInlineSize:t||e})),paddingBlock:j((e,t)=>({paddingBlockStart:e,paddingBlockEnd:t||e})),paddingInline:j((e,t)=>({paddingInlineStart:e,paddingInlineEnd:t||e}))},f=/([\d.]+)([^]*)/,b=(e,t)=>e.length?e.reduce((e,r)=>(e.push(...t.map(e=>e.includes("&")?e.replace(/&/g,/[ +>|~]/.test(r)&&/&.*&/.test(e)?`:is(${r})`:r):r+" "+e)),e),[]):t,y=(e,t)=>e in v&&"string"==typeof t?t.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/,(t,r,s,n)=>r+("stretch"===s?`-moz-available${n};${u(e)}:${r}-webkit-fill-available`:`-moz-fit-content${n};${u(e)}:${r}fit-content`)+n):String(t),v={blockSize:1,height:1,inlineSize:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,width:1},S=e=>e?e+"-":"",w=(e,t,r)=>e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g,(e,s,n,i,l)=>"$"==i==!!n?e:(s||"--"==i?"calc(":"")+"var(--"+("$"===i?S(t)+(l.includes("$")?"":S(r))+l.replace(/\$/g,"-"):l)+")"+(s||"--"==i?"*"+(s||"")+(n||"1")+")":"")),I=/\s*,\s*(?![^()]*\))/,M=Object.prototype.toString,P=(e,t,r,s,n)=>{let i,l,o;let a=(e,t,r)=>{let c,d;let h=e=>{var p;for(c in e){let x=64===c.charCodeAt(0);for(d of x&&Array.isArray(e[c])?e[c]:[e[c]]){let e=/[A-Z]/.test(p=c)?p:p.replace(/-[^]/g,e=>e[1].toUpperCase()),m="object"==typeof d&&d&&d.toString===M&&(!s.utils[e]||!t.length);if(e in s.utils&&!m){let t=s.utils[e];if(t!==l){l=t,h(t(d)),l=null;continue}}else if(e in k){let t=k[e];if(t!==o){o=t,h(t(d)),o=null;continue}}if(x&&(c=(c.slice(1) in s.media?"@media "+s.media[c.slice(1)]:c).replace(/\(\s*([\w-]+)\s*(=|<|<=|>|>=)\s*([\w-]+)\s*(?:(<|<=|>|>=)\s*([\w-]+)\s*)?\)/g,(e,t,r,s,n,i)=>{let l=f.test(t),o=.0625*(l?-1:1),[a,c]=l?[s,t]:[t,s];return"("+("="===r[0]?"":">"===r[0]===l?"max-":"min-")+a+":"+("="!==r[0]&&1===r.length?c.replace(f,(e,t,s)=>Number(t)+o*(">"===r?1:-1)+s):c)+(n?") and ("+(">"===n[0]?"min-":"max-")+a+":"+(1===n.length?i.replace(f,(e,t,r)=>Number(t)+o*(">"===n?-1:1)+r):i):"")+")"})),m){let e=x?r.concat(c):[...r],s=x?[...t]:b(t,c.split(I));void 0!==i&&n(B(...i)),i=void 0,a(d,s,e)}else void 0===i&&(i=[[],t,r]),c=x||36!==c.charCodeAt(0)?c:`--${S(s.prefix)}${c.slice(1).replace(/\$/g,"-")}`,d=m?d:"number"==typeof d?d&&e in R?String(d)+"px":String(d):w(y(e,null==d?"":d),s.prefix,s.themeMap[e]),i[0].push(`${x?`${c} `:`${u(c)}:`}${d}`)}}};h(e),void 0!==i&&n(B(...i)),i=void 0};a(e,t,r)},B=(e,t,r)=>`${r.map(e=>`${e}{`).join("")}${t.length?`${t.join(",")}{`:""}${e.join(";")}${t.length?"}":""}${Array(r.length?r.length+1:0).join("}")}`,R={animationDelay:1,animationDuration:1,backgroundSize:1,blockSize:1,border:1,borderBlock:1,borderBlockEnd:1,borderBlockEndWidth:1,borderBlockStart:1,borderBlockStartWidth:1,borderBlockWidth:1,borderBottom:1,borderBottomLeftRadius:1,borderBottomRightRadius:1,borderBottomWidth:1,borderEndEndRadius:1,borderEndStartRadius:1,borderInlineEnd:1,borderInlineEndWidth:1,borderInlineStart:1,borderInlineStartWidth:1,borderInlineWidth:1,borderLeft:1,borderLeftWidth:1,borderRadius:1,borderRight:1,borderRightWidth:1,borderSpacing:1,borderStartEndRadius:1,borderStartStartRadius:1,borderTop:1,borderTopLeftRadius:1,borderTopRightRadius:1,borderTopWidth:1,borderWidth:1,bottom:1,columnGap:1,columnRule:1,columnRuleWidth:1,columnWidth:1,containIntrinsicSize:1,flexBasis:1,fontSize:1,gap:1,gridAutoColumns:1,gridAutoRows:1,gridTemplateColumns:1,gridTemplateRows:1,height:1,inlineSize:1,inset:1,insetBlock:1,insetBlockEnd:1,insetBlockStart:1,insetInline:1,insetInlineEnd:1,insetInlineStart:1,left:1,letterSpacing:1,margin:1,marginBlock:1,marginBlockEnd:1,marginBlockStart:1,marginBottom:1,marginInline:1,marginInlineEnd:1,marginInlineStart:1,marginLeft:1,marginRight:1,marginTop:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,offsetDistance:1,offsetRotate:1,outline:1,outlineOffset:1,outlineWidth:1,overflowClipMargin:1,padding:1,paddingBlock:1,paddingBlockEnd:1,paddingBlockStart:1,paddingBottom:1,paddingInline:1,paddingInlineEnd:1,paddingInlineStart:1,paddingLeft:1,paddingRight:1,paddingTop:1,perspective:1,right:1,rowGap:1,scrollMargin:1,scrollMarginBlock:1,scrollMarginBlockEnd:1,scrollMarginBlockStart:1,scrollMarginBottom:1,scrollMarginInline:1,scrollMarginInlineEnd:1,scrollMarginInlineStart:1,scrollMarginLeft:1,scrollMarginRight:1,scrollMarginTop:1,scrollPadding:1,scrollPaddingBlock:1,scrollPaddingBlockEnd:1,scrollPaddingBlockStart:1,scrollPaddingBottom:1,scrollPaddingInline:1,scrollPaddingInlineEnd:1,scrollPaddingInlineStart:1,scrollPaddingLeft:1,scrollPaddingRight:1,scrollPaddingTop:1,shapeMargin:1,textDecoration:1,textDecorationThickness:1,textIndent:1,textUnderlineOffset:1,top:1,transitionDelay:1,transitionDuration:1,verticalAlign:1,width:1,wordSpacing:1},$=e=>String.fromCharCode(e+(e>25?39:97)),N=e=>(e=>{let t,r="";for(t=Math.abs(e);t>52;t=t/52|0)r=$(t%52)+r;return $(t%52)+r})(((e,t)=>{let r=t.length;for(;r;)e=33*e^t.charCodeAt(--r);return e})(5381,JSON.stringify(e))>>>0),C=["themed","global","styled","onevar","resonevar","allvar","inline"],z=e=>{if(e.href&&!e.href.startsWith(location.origin))return!1;try{return!!e.cssRules}catch(e){return!1}},L=e=>{let t;let r=()=>{let{cssRules:e}=t.sheet;return[].map.call(e,(r,s)=>{let{cssText:n}=r,i="";if(n.startsWith("--sxs"))return"";if(e[s-1]&&(i=e[s-1].cssText).startsWith("--sxs")){if(!r.cssRules.length)return"";for(let e in t.rules)if(t.rules[e].group===r)return`--sxs{--sxs:${[...t.rules[e].cache].join(" ")}}${n}`;return r.cssRules.length?`${i}${n}`:""}return n}).join("")},s=()=>{if(t){let{rules:e,sheet:r}=t;if(!r.deleteRule){for(;3===Object(Object(r.cssRules)[0]).type;)r.cssRules.splice(0,1);r.cssRules=[]}for(let t in e)delete e[t]}for(let n of Object(e).styleSheets||[])if(z(n)){for(let e=0,i=n.cssRules;i[e];++e){let l=Object(i[e]);if(1!==l.type)continue;let o=Object(i[e+1]);if(4!==o.type)continue;++e;let{cssText:a}=l;if(!a.startsWith("--sxs"))continue;let c=a.slice(14,-3).trim().split(/\s+/),d=C[c[0]];d&&(t||(t={sheet:n,reset:s,rules:{},toString:r}),t.rules[d]={group:o,index:e,cache:new Set(c)})}if(t)break}if(!t){let n=(e,t)=>({type:t,cssRules:[],insertRule(e,t){this.cssRules.splice(t,0,n(e,{import:3,undefined:1}[(e.toLowerCase().match(/^@([a-z]+)/)||[])[1]]||4))},get cssText(){return"@media{}"===e?`@media{${[].map.call(this.cssRules,e=>e.cssText).join("")}}`:e}});t={sheet:e?(e.head||e).appendChild(document.createElement("style")).sheet:n("","text/css"),rules:{},reset:s,toString:r}}let{sheet:n,rules:i}=t;for(let e=C.length-1;e>=0;--e){let t=C[e];if(!i[t]){let r=C[e+1],s=i[r]?i[r].index:n.cssRules.length;n.insertRule("@media{}",s),n.insertRule(`--sxs{--sxs:${e}}`,s),i[t]={group:n.cssRules[s+1],index:s,cache:new Set([e])}}T(i[t])}};return s(),t},T=e=>{let t=e.group,r=t.cssRules.length;e.apply=e=>{try{t.insertRule(e,r),++r}catch(e){}}},E=Symbol(),W=d(),O=(e,t)=>W(e,()=>(...r)=>{let s={type:null,composers:new Set};for(let t of r)if(null!=t){if(t[h])for(let e of(null==s.type&&(s.type=t[h].type),t[h].composers))s.composers.add(e);else t.constructor!==Object||t.$$typeof?null==s.type&&(s.type=t):s.composers.add(A(t,e))}return null==s.type&&(s.type="span"),s.composers.size||s.composers.add(["PJLV",{},[],[],{},[]]),D(e,s,t)}),A=({variants:e,compoundVariants:t,defaultVariants:r,...s},n)=>{let i=`${S(n.prefix)}c-${N(s)}`,l=[],o=[],a=Object.create(null),c=[];for(let e in r)a[e]=String(r[e]);if("object"==typeof e&&e)for(let t in e){m.call(a,t)||(a[t]="undefined");let r=e[t];for(let e in r){let s={[t]:String(e)};"undefined"===String(e)&&c.push(t);let n=r[e],i=[s,n,!x(n)];l.push(i)}}if("object"==typeof t&&t)for(let e of t){let{css:t,...r}=e;for(let e in t="object"==typeof t&&t||{},r)r[e]=String(r[e]);let s=[r,t,!x(t)];o.push(s)}return[i,s,l,o,a,c]},D=(e,t,r)=>{let[s,n,i,l]=F(t.composers),o="function"==typeof t.type||t.type.$$typeof?(e=>{function t(){for(let r=0;rt.rules[e]={apply:r=>t[E].push([e,r])}),t})(r):null,a=(o||r).rules,c=`.${s}${n.length>1?`:where(.${n.slice(1).join(".")})`:""}`,d=d=>{let{css:h,...p}=d="object"==typeof d&&d||H,x={};for(let e in i)if(delete p[e],e in d){let t=d[e];"object"==typeof t&&t?x[e]={"@initial":i[e],...t}:(t=String(t),x[e]="undefined"!==t||l.has(e)?t:i[e])}else x[e]=i[e];let m=new Set([...n]);for(let[s,n,i,l]of t.composers){r.rules.styled.cache.has(s)||(r.rules.styled.cache.add(s),P(n,[`.${s}`],[],e,e=>{a.styled.apply(e)}));let t=_(i,x,e.media),o=_(l,x,e.media,!0);for(let n of t)if(void 0!==n)for(let[t,i,l]of n){let n=`${s}-${N(i)}-${t}`;m.add(n);let o=(l?r.rules.resonevar:r.rules.onevar).cache,c=l?a.resonevar:a.onevar;o.has(n)||(o.add(n),P(i,[`.${n}`],[],e,e=>{c.apply(e)}))}for(let t of o)if(void 0!==t)for(let[n,i]of t){let t=`${s}-${N(i)}-${n}`;m.add(t),r.rules.allvar.cache.has(t)||(r.rules.allvar.cache.add(t),P(i,[`.${t}`],[],e,e=>{a.allvar.apply(e)}))}}if("object"==typeof h&&h){let t=`${s}-i${N(h)}-css`;m.add(t),r.rules.inline.cache.has(t)||(r.rules.inline.cache.add(t),P(h,[`.${t}`],[],e,e=>{a.inline.apply(e)}))}for(let e of String(d.className||"").trim().split(/\s+/))e&&m.add(e);let u=p.className=[...m].join(" ");return{type:t.type,className:u,selector:c,props:p,toString:()=>u,deferredInjector:o}};return p(d,{className:s,selector:c,[h]:t,toString:()=>(r.rules.styled.cache.has(s)||d(),s)})},F=e=>{let t="",r=[],s={},n=[];for(let[i,,,,l,o]of e)for(let e in""===t&&(t=i),r.push(i),n.push(...o),l){let t=l[e];(void 0===s[e]||"undefined"!==t||o.includes(t))&&(s[e]=t)}return[t,r,s,new Set(n)]},_=(e,t,r,s)=>{let n=[];e:for(let[i,l,o]of e){if(o)continue;let e,a=0,c=!1;for(e in i){let s=i[e],n=t[e];if(n!==s){if("object"!=typeof n||!n)continue e;{let e,t,i=0;for(let l in n){if(s===String(n[l])){if("@initial"!==l){let e=l.slice(1);(t=t||[]).push(e in r?r[e]:l.replace(/^@media ?/,"")),c=!0}a+=i,e=!0}++i}if(t&&t.length&&(l={["@media "+t.join(", ")]:l}),!e)continue e}}}(n[a]=n[a]||[]).push([s?"cv":`${e}-${i[e]}`,l,c])}return n},H={},V=d(),Z=(e,t)=>V(e,()=>(...r)=>{let s=()=>{for(let s of r){let r=N(s="object"==typeof s&&s||{});if(!t.rules.global.cache.has(r)){if(t.rules.global.cache.add(r),"@import"in s){let e=[].indexOf.call(t.sheet.cssRules,t.rules.themed.group)-1;for(let r of[].concat(s["@import"]))r=r.includes('"')||r.includes("'")?r:`"${r}"`,t.sheet.insertRule(`@import ${r};`,e++);delete s["@import"]}P(s,[],[],e,e=>{t.rules.global.apply(e)})}}return""};return p(s,{toString:s})}),G=d(),K=(e,t)=>G(e,()=>r=>{let s=`${S(e.prefix)}k-${N(r)}`,n=()=>{if(!t.rules.global.cache.has(s)){t.rules.global.cache.add(s);let n=[];P(r,[],[],e,e=>n.push(e));let i=`@keyframes ${s}{${n.join("")}}`;t.rules.global.apply(i)}return s};return p(n,{get name(){return n()},toString:n})}),U=class{constructor(e,t,r,s){this.token=null==e?"":String(e),this.value=null==t?"":String(t),this.scale=null==r?"":String(r),this.prefix=null==s?"":String(s)}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+S(this.prefix)+S(this.scale)+this.token}toString(){return this.computedValue}},J=d(),q=(e,t)=>J(e,()=>(r,s)=>{s="object"==typeof r&&r||Object(s);let n=`.${r=(r="string"==typeof r?r:"")||`${S(e.prefix)}t-${N(s)}`}`,i={},l=[];for(let t in s)for(let r in i[t]={},s[t]){let n=`--${S(e.prefix)}${t}-${r}`,o=w(String(s[t][r]),e.prefix,t);i[t][r]=new U(r,o,t,e.prefix),l.push(`${n}:${o}`)}let o=()=>{if(l.length&&!t.rules.themed.cache.has(r)){t.rules.themed.cache.add(r);let n=`${s===e.theme?":root,":""}.${r}{${l.join(";")}}`;t.rules.themed.apply(n)}return r};return{...i,get className(){return o()},selector:n,toString:o}}),X=d(),Q=d(),Y=e=>{let t=(e=>{let t=!1,r=X(e,e=>{t=!0;let r="prefix"in(e="object"==typeof e&&e||{})?String(e.prefix):"",s="object"==typeof e.media&&e.media||{},n="object"==typeof e.root?e.root||null:globalThis.document||null,i="object"==typeof e.theme&&e.theme||{},l={prefix:r,media:s,theme:i,themeMap:"object"==typeof e.themeMap&&e.themeMap||{...a},utils:"object"==typeof e.utils&&e.utils||{}},o=L(n),c={css:O(l,o),globalCss:Z(l,o),keyframes:K(l,o),createTheme:q(l,o),reset(){o.reset(),c.theme.toString()},theme:{},sheet:o,config:l,prefix:r,getCssText:o.toString,toString:o.toString};return String(c.theme=c.createTheme(i)),c});return t||r.reset(),r})(e);return t.styled=(({config:e,sheet:t})=>Q(e,()=>{let r=O(e,t);return(...e)=>{let t=r(...e),s=t[h].type,i=n.forwardRef((e,r)=>{let i=e&&e.as||s,{props:l,deferredInjector:o}=t(e);return delete l.as,l.ref=r,o?n.createElement(n.Fragment,null,n.createElement(i,l),n.createElement(o,null)):n.createElement(i,l)});return i.className=t.className,i.displayName=`Styled.${s.displayName||s.name||s}`,i.selector=t.selector,i.toString=()=>t.selector,i[h]=t[h],i}}))(t),t},ee=()=>s||(s=Y()),et=(...e)=>ee().createTheme(...e)}},function(e){e.O(0,[585,546,965,580,542,888,774,179],function(){return e(e.s=4484)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/docs/label-6bb2cd7bb0bed0cd.js b/_next/static/chunks/pages/docs/label-6bb2cd7bb0bed0cd.js new file mode 100644 index 00000000..9578869c --- /dev/null +++ b/_next/static/chunks/pages/docs/label-6bb2cd7bb0bed0cd.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[331],{4484:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/label",function(){return r(6283)}])},6283:function(e,t,r){"use strict";r.r(t),r.d(t,{__toc:function(){return h}});var s=r(2676),n=r(5384),i=r(826),l=r(7104);r(1952);var o=r(7532),a=r(1973),c=r(4384),d=r(3860);let h=[{depth:2,value:"Usage",id:"usage"},{depth:3,value:"React",id:"react"},{depth:2,value:"API Reference",id:"api-reference"},{depth:3,value:"Custom Element",id:"custom-element"},{depth:3,value:"HTML Attributes",id:"html-attributes"},{depth:3,value:"Language",id:"language"}];function p(e){let t=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre",span:"span",h2:"h2",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",strong:"strong"},(0,o.a)(),e.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{children:"Label"}),"\n",(0,s.jsxs)(t.p,{children:["The ",(0,s.jsx)(t.code,{children:"Label"})," component is used to display the label of a resource. It is used in the following contexts: Manifest, Canvas, Range, Annotation, AnnotationPage, Collection, and Manifest. It is a string or an object with language keys and string values."]}),"\n",(0,s.jsx)(a.Z,{href:"https://iiif.io/api/presentation/3.0/#label",text:["label"]}),"\n",(0,s.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,s.jsx)(d.OK,{children:(0,s.jsx)(t.pre,{"data-language":"jsx","data-theme":"default",children:(0,s.jsx)(t.code,{"data-language":"jsx","data-theme":"default",children:(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"Label"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"label"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{{ none"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Crossing the Pend d\'Oreille - Kalispel"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"] }} />"})]})})})}),(0,s.jsx)(d.OK,{children:(0,s.jsx)(c.__,{label:{none:["Crossing the Pend d'Oreille - Kalispel"]}})}),(0,s.jsx)(d.OK,{children:(0,s.jsx)(t.pre,{"data-language":"html","data-theme":"default",children:(0,s.jsx)(t.code,{"data-language":"html","data-theme":"default",children:(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"span"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">Crossing the Pend d'Oreille - Kalispel"})]})})})})]}),"\n",(0,s.jsx)(t.h2,{id:"usage",children:"Usage"}),"\n",(0,s.jsx)(t.h3,{id:"react",children:"React"}),"\n",(0,s.jsx)(t.pre,{"data-language":"jsx","data-theme":"default",children:(0,s.jsxs)(t.code,{"data-language":"jsx","data-theme":"default",children:[(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" { Label } "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/primitives"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:" "}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"CustomLabel"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ({ label }) "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"Label"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"label"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{label} />;"})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,s.jsx)(t.span,{className:"line",children:" "}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" CustomLabel;"})]})]})}),"\n",(0,s.jsx)(t.h2,{id:"api-reference",children:"API Reference"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{children:"Prop"}),(0,s.jsx)(t.th,{children:"Type"}),(0,s.jsx)(t.th,{children:"Default"}),(0,s.jsx)(t.th,{children:"Required"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"as"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"span"}),", ",(0,s.jsx)(t.code,{children:"h1"}),", ",(0,s.jsx)(t.code,{children:"h2"}),", ",(0,s.jsx)(t.code,{children:"h3"}),", ",(0,s.jsx)(t.code,{children:"h4"}),", ",(0,s.jsx)(t.code,{children:"h5"}),", ",(0,s.jsx)(t.code,{children:"h6"}),", ",(0,s.jsx)(t.code,{children:"p"}),", ",(0,s.jsx)(t.code,{children:"label"}),", ",(0,s.jsx)(t.code,{children:"dt"}),", ",(0,s.jsx)(t.code,{children:"dd"})]}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"span"})}),(0,s.jsx)(t.td,{children:"--"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"label"})}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://iiif.io/api/presentation/3.0/#label",children:"label"})}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.strong,{children:"Yes"})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"className"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"string"}),", ",(0,s.jsx)(t.code,{children:"undefined"})]}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:"--"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"style"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"CSSProperties"}),", ",(0,s.jsx)(t.code,{children:"undefined"})]}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:"--"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"lang"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"string"}),", ",(0,s.jsx)(t.code,{children:"undefined"})]}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:"--"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"title"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"string"}),", ",(0,s.jsx)(t.code,{children:"undefined"})]}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:"--"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"data-*"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"string"}),", ",(0,s.jsx)(t.code,{children:"undefined"})]}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:"--"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"aria-*"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"AriaAttributes"}),", ",(0,s.jsx)(t.code,{children:"undefined"})]}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:"--"})]})]})]}),"\n",(0,s.jsx)(t.h3,{id:"custom-element",children:"Custom Element"}),"\n",(0,s.jsxs)(t.p,{children:["The ",(0,s.jsx)(t.code,{children:"Label"})," component can be rendered as ",(0,s.jsx)(t.code,{children:" span"}),", ",(0,s.jsx)(t.code,{children:"h1"}),", ",(0,s.jsx)(t.code,{children:"h2"}),", ",(0,s.jsx)(t.code,{children:"h3"}),", ",(0,s.jsx)(t.code,{children:"h4"}),", ",(0,s.jsx)(t.code,{children:"h5"}),", ",(0,s.jsx)(t.code,{children:"h6"}),", ",(0,s.jsx)(t.code,{children:"p"}),", ",(0,s.jsx)(t.code,{children:"label"}),", ",(0,s.jsx)(t.code,{children:"dt"}),", or ",(0,s.jsx)(t.code,{children:"dd"}),". The default is ",(0,s.jsx)(t.code,{children:"span"}),"."]}),"\n",(0,s.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,s.jsx)(d.OK,{children:(0,s.jsx)(t.pre,{"data-language":"jsx","data-theme":"default",children:(0,s.jsxs)(t.code,{"data-language":"jsx","data-theme":"default",children:[(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"Label"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"label"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{{ none"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Self-Portrait Dedicated to Paul Gauguin"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"] }}"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"as"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"h3"'})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,s.jsx)(d.OK,{children:(0,s.jsx)(c.__,{label:{none:["Self-Portrait Dedicated to Paul Gauguin"]},as:"h3"})}),(0,s.jsx)(d.OK,{children:(0,s.jsx)(t.pre,{"data-language":"html","data-theme":"default",children:(0,s.jsx)(t.code,{"data-language":"html","data-theme":"default",children:(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"h3"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">Self-Portrait Dedicated to Paul Gauguin"})]})})})})]}),"\n",(0,s.jsx)(t.h3,{id:"html-attributes",children:"HTML Attributes"}),"\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.code,{children:"Label"}),", like all Clover IIIF primitives accept common ",(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement",children:"HTMLElement"})," attributes. Use the JSX style ",(0,s.jsx)(t.code,{children:"className"})," prop to add custom classes. The same attribute methodology can be used for ",(0,s.jsx)(t.code,{children:"id"}),", ",(0,s.jsx)(t.code,{children:"style"}),", ",(0,s.jsx)(t.code,{children:"title"}),", ",(0,s.jsx)(t.code,{children:"data-*"}),", and ",(0,s.jsx)(t.code,{children:"aria-*"})," props."]}),"\n",(0,s.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,s.jsx)(d.OK,{children:(0,s.jsx)(t.pre,{"data-language":"jsx","data-theme":"default",children:(0,s.jsxs)(t.code,{"data-language":"jsx","data-theme":"default",children:[(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"Label"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"label"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{{ none"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Self-Portrait Dedicated to Paul Gauguin"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"] }}"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"className"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"custom-label-class"'})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,s.jsx)(d.OK,{children:(0,s.jsx)(c.__,{label:{none:["Self-Portrait Dedicated to Paul Gauguin"]},className:"custom-label-class"})}),(0,s.jsx)(d.OK,{children:(0,s.jsx)(t.pre,{"data-language":"html","data-theme":"default",children:(0,s.jsxs)(t.code,{"data-language":"html","data-theme":"default",children:[(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"span"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV custom-label-class"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" Self-Portrait Dedicated to Paul Gauguin"})}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,s.jsx)(t.h3,{id:"language",children:"Language"}),"\n",(0,s.jsxs)(t.p,{children:["Additional to being rendered to the DOM like other attributes, the value of ",(0,s.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/lang",children:(0,s.jsx)(t.code,{children:"lang"})})," will couple with ",(0,s.jsx)(t.a,{href:"https://github.com/IIIF-Commons/presentation-3-types/blob/main/iiif/descriptive.d.ts#L6-L8",children:"InternationalString"})," props to output the denoted ",(0,s.jsx)(t.code,{children:"label"}),", ",(0,s.jsx)(t.code,{children:"value"}),", ",(0,s.jsx)(t.code,{children:"summary"})," entries. If ",(0,s.jsx)(t.code,{children:"lang"})," is undefined, entries will default to the first entry in the array index. The value of ",(0,s.jsx)(t.code,{children:"lang"})," should be a two letter ",(0,s.jsx)(t.a,{href:"https://datatracker.ietf.org/doc/html/rfc5646",children:"BCP 47"})," language code."]}),"\n",(0,s.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,s.jsx)(d.OK,{children:(0,s.jsx)(t.pre,{"data-language":"jsx","data-theme":"default",children:(0,s.jsxs)(t.code,{"data-language":"jsx","data-theme":"default",children:[(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"Label"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"label"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Notes from staging and environment meetings"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" fr"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Notes des r\xe9unions de mise en sc\xe8ne et d\'environnement"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"fr"'})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,s.jsx)(d.OK,{children:(0,s.jsx)(c.__,{label:{en:["Notes from staging and environment meetings"],fr:["Notes des r\xe9unions de mise en sc\xe8ne et d'environnement"]},lang:"fr"})}),(0,s.jsx)(d.OK,{children:(0,s.jsx)(t.pre,{"data-language":"html","data-theme":"default",children:(0,s.jsxs)(t.code,{"data-language":"html","data-theme":"default",children:[(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"span"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"fr"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" Notes des r\xe9unions de mise en sc\xe8ne et d'environnement"})}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]})]})}let x={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,o.a)(),e.components);return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(p,{...e})}):p(e)},pageOpts:{filePath:"pages/docs/label.mdx",route:"/docs/label",frontMatter:{title:"Label"},timestamp:1732573097e3,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Label",headings:h},pageNextRoute:"/docs/label",nextraLayout:i.ZP,themeConfig:l.Z};t.default=(0,n.j)(x)},1973:function(e,t,r){"use strict";var s=r(2676),n=r(5318),i=r.n(n);r(5271);var l=r(8158);let o=()=>{let e="#ed1d33",t="#2873ab";return(0,s.jsxs)("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1",style:{height:"1rem"},children:[(0,s.jsx)("title",{children:"IIIF Logo"}),(0,s.jsx)("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)",children:(0,s.jsxs)("g",{transform:"scale(0.1)",children:[(0,s.jsx)("path",{style:{fill:t},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),(0,s.jsx)("path",{style:{fill:t},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),(0,s.jsx)("path",{style:{fill:e},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),(0,s.jsx)("path",{style:{fill:e},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),(0,s.jsx)("path",{style:{fill:t},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),(0,s.jsx)("path",{style:{fill:t},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),(0,s.jsx)("path",{style:{fill:e},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"})]})})]})},a=(0,l.zo)(i(),{display:"inline-flex",flexDirection:"column",textDecoration:"none",alignItems:"center",padding:"0.5rem 0"}),c=(0,l.zo)("span",{display:"inline-flex",alignItems:"center",justifyContent:"center"});t.Z=e=>{let{children:t,href:r,text:n=["Presentation API"]}=e;return(0,s.jsx)(a,{href:r,target:"_blank",className:"nx-flex-col",children:(0,s.jsxs)(c,{className:"nx-gap-2 nx-h-7 nx-rounded-md nx-px-2 nx-text-left nx-text-sm nx-font-medium nx-text-gray-600 nx-transition-colors dark:nx-text-gray-400 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",children:[(0,s.jsx)(o,{})," ",n.join(" or ")," ↗"]})})}},8158:function(e,t,r){"use strict";r.d(t,{BC:function(){return n},F4:function(){return o},zo:function(){return i}});var s=r(1028);let n={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:i,css:l,keyframes:o,createTheme:a}=(0,s.Th)({theme:{colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"hsl(".concat(209," 100% 38.2%)"),accentMuted:"hsl(".concat(209," 80% 61.8%)"),accentAlt:"hsl(".concat(209," 80% 30%)"),secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},media:n})},7104:function(e,t,r){"use strict";r.d(t,{Z:function(){return m}});var s=r(2676),n=r(2936),i=r.n(n),l=r(5271);let o={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},a=["Scroll"];var c=e=>{let{title:t}=e;return a.includes(t)?(0,s.jsxs)("span",{children:[t,(0,s.jsx)("span",{style:o,children:"Beta"})]}):(0,s.jsx)("span",{children:t})},d=r(826),h=r(9205);let p="Clover IIIF",x="Showcase IIIF Manifests as interoperable web content.";var m={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),t=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(p):"".concat(p," – ").concat(x),r=e.frontMatter.description?e.frontMatter.description:x,{route:s}=(0,h.useRouter)(),n=(0,l.useMemo)(()=>new URL(s.endsWith("/")?s:"".concat(s,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[s]);return{defaultTitle:"".concat(p," - ").concat(x),title:t,description:r,canonical:n,openGraph:{url:n,title:t,siteName:"".concat(p," - ").concat(x),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,s.jsx)(()=>(0,s.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,s.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,s.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,s.jsx)(i(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,s.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){},1028:function(e,t,r){"use strict";r.d(t,{Th:function(){return Y},jG:function(){return et}});var s,n=r(5271),i="colors",l="sizes",o="space",a={gap:o,gridGap:o,columnGap:o,gridColumnGap:o,rowGap:o,gridRowGap:o,inset:o,insetBlock:o,insetBlockEnd:o,insetBlockStart:o,insetInline:o,insetInlineEnd:o,insetInlineStart:o,margin:o,marginTop:o,marginRight:o,marginBottom:o,marginLeft:o,marginBlock:o,marginBlockEnd:o,marginBlockStart:o,marginInline:o,marginInlineEnd:o,marginInlineStart:o,padding:o,paddingTop:o,paddingRight:o,paddingBottom:o,paddingLeft:o,paddingBlock:o,paddingBlockEnd:o,paddingBlockStart:o,paddingInline:o,paddingInlineEnd:o,paddingInlineStart:o,top:o,right:o,bottom:o,left:o,scrollMargin:o,scrollMarginTop:o,scrollMarginRight:o,scrollMarginBottom:o,scrollMarginLeft:o,scrollMarginX:o,scrollMarginY:o,scrollMarginBlock:o,scrollMarginBlockEnd:o,scrollMarginBlockStart:o,scrollMarginInline:o,scrollMarginInlineEnd:o,scrollMarginInlineStart:o,scrollPadding:o,scrollPaddingTop:o,scrollPaddingRight:o,scrollPaddingBottom:o,scrollPaddingLeft:o,scrollPaddingX:o,scrollPaddingY:o,scrollPaddingBlock:o,scrollPaddingBlockEnd:o,scrollPaddingBlockStart:o,scrollPaddingInline:o,scrollPaddingInlineEnd:o,scrollPaddingInlineStart:o,fontSize:"fontSizes",background:i,backgroundColor:i,backgroundImage:i,borderImage:i,border:i,borderBlock:i,borderBlockEnd:i,borderBlockStart:i,borderBottom:i,borderBottomColor:i,borderColor:i,borderInline:i,borderInlineEnd:i,borderInlineStart:i,borderLeft:i,borderLeftColor:i,borderRight:i,borderRightColor:i,borderTop:i,borderTopColor:i,caretColor:i,color:i,columnRuleColor:i,fill:i,outline:i,outlineColor:i,stroke:i,textDecorationColor:i,fontFamily:"fonts",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",blockSize:l,minBlockSize:l,maxBlockSize:l,inlineSize:l,minInlineSize:l,maxInlineSize:l,width:l,minWidth:l,maxWidth:l,height:l,minHeight:l,maxHeight:l,flexBasis:l,gridTemplateColumns:l,gridTemplateRows:l,borderWidth:"borderWidths",borderTopWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderLeftWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",transition:"transitions",zIndex:"zIndices"},c=(e,t)=>"function"==typeof t?{"()":Function.prototype.toString.call(t)}:t,d=()=>{let e=Object.create(null);return(t,r,...s)=>{let n=JSON.stringify(t,c);return n in e?e[n]:e[n]=r(t,...s)}},h=Symbol.for("sxs.internal"),p=(e,t)=>Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)),x=e=>{for(let t in e)return!0;return!1},{hasOwnProperty:m}=Object.prototype,u=e=>e.includes("-")?e:e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase()),g=/\s+(?![^()]*\))/,j=e=>t=>e(..."string"==typeof t?String(t).split(g):[t]),k={appearance:e=>({WebkitAppearance:e,appearance:e}),backfaceVisibility:e=>({WebkitBackfaceVisibility:e,backfaceVisibility:e}),backdropFilter:e=>({WebkitBackdropFilter:e,backdropFilter:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),boxDecorationBreak:e=>({WebkitBoxDecorationBreak:e,boxDecorationBreak:e}),clipPath:e=>({WebkitClipPath:e,clipPath:e}),content:e=>({content:e.includes('"')||e.includes("'")||/^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e)?e:`"${e}"`}),hyphens:e=>({WebkitHyphens:e,hyphens:e}),maskImage:e=>({WebkitMaskImage:e,maskImage:e}),maskSize:e=>({WebkitMaskSize:e,maskSize:e}),tabSize:e=>({MozTabSize:e,tabSize:e}),textSizeAdjust:e=>({WebkitTextSizeAdjust:e,textSizeAdjust:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),marginBlock:j((e,t)=>({marginBlockStart:e,marginBlockEnd:t||e})),marginInline:j((e,t)=>({marginInlineStart:e,marginInlineEnd:t||e})),maxSize:j((e,t)=>({maxBlockSize:e,maxInlineSize:t||e})),minSize:j((e,t)=>({minBlockSize:e,minInlineSize:t||e})),paddingBlock:j((e,t)=>({paddingBlockStart:e,paddingBlockEnd:t||e})),paddingInline:j((e,t)=>({paddingInlineStart:e,paddingInlineEnd:t||e}))},f=/([\d.]+)([^]*)/,b=(e,t)=>e.length?e.reduce((e,r)=>(e.push(...t.map(e=>e.includes("&")?e.replace(/&/g,/[ +>|~]/.test(r)&&/&.*&/.test(e)?`:is(${r})`:r):r+" "+e)),e),[]):t,y=(e,t)=>e in v&&"string"==typeof t?t.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/,(t,r,s,n)=>r+("stretch"===s?`-moz-available${n};${u(e)}:${r}-webkit-fill-available`:`-moz-fit-content${n};${u(e)}:${r}fit-content`)+n):String(t),v={blockSize:1,height:1,inlineSize:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,width:1},S=e=>e?e+"-":"",w=(e,t,r)=>e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g,(e,s,n,i,l)=>"$"==i==!!n?e:(s||"--"==i?"calc(":"")+"var(--"+("$"===i?S(t)+(l.includes("$")?"":S(r))+l.replace(/\$/g,"-"):l)+")"+(s||"--"==i?"*"+(s||"")+(n||"1")+")":"")),I=/\s*,\s*(?![^()]*\))/,M=Object.prototype.toString,P=(e,t,r,s,n)=>{let i,l,o;let a=(e,t,r)=>{let c,d;let h=e=>{var p;for(c in e){let x=64===c.charCodeAt(0);for(d of x&&Array.isArray(e[c])?e[c]:[e[c]]){let e=/[A-Z]/.test(p=c)?p:p.replace(/-[^]/g,e=>e[1].toUpperCase()),m="object"==typeof d&&d&&d.toString===M&&(!s.utils[e]||!t.length);if(e in s.utils&&!m){let t=s.utils[e];if(t!==l){l=t,h(t(d)),l=null;continue}}else if(e in k){let t=k[e];if(t!==o){o=t,h(t(d)),o=null;continue}}if(x&&(c=(c.slice(1) in s.media?"@media "+s.media[c.slice(1)]:c).replace(/\(\s*([\w-]+)\s*(=|<|<=|>|>=)\s*([\w-]+)\s*(?:(<|<=|>|>=)\s*([\w-]+)\s*)?\)/g,(e,t,r,s,n,i)=>{let l=f.test(t),o=.0625*(l?-1:1),[a,c]=l?[s,t]:[t,s];return"("+("="===r[0]?"":">"===r[0]===l?"max-":"min-")+a+":"+("="!==r[0]&&1===r.length?c.replace(f,(e,t,s)=>Number(t)+o*(">"===r?1:-1)+s):c)+(n?") and ("+(">"===n[0]?"min-":"max-")+a+":"+(1===n.length?i.replace(f,(e,t,r)=>Number(t)+o*(">"===n?-1:1)+r):i):"")+")"})),m){let e=x?r.concat(c):[...r],s=x?[...t]:b(t,c.split(I));void 0!==i&&n(B(...i)),i=void 0,a(d,s,e)}else void 0===i&&(i=[[],t,r]),c=x||36!==c.charCodeAt(0)?c:`--${S(s.prefix)}${c.slice(1).replace(/\$/g,"-")}`,d=m?d:"number"==typeof d?d&&e in R?String(d)+"px":String(d):w(y(e,null==d?"":d),s.prefix,s.themeMap[e]),i[0].push(`${x?`${c} `:`${u(c)}:`}${d}`)}}};h(e),void 0!==i&&n(B(...i)),i=void 0};a(e,t,r)},B=(e,t,r)=>`${r.map(e=>`${e}{`).join("")}${t.length?`${t.join(",")}{`:""}${e.join(";")}${t.length?"}":""}${Array(r.length?r.length+1:0).join("}")}`,R={animationDelay:1,animationDuration:1,backgroundSize:1,blockSize:1,border:1,borderBlock:1,borderBlockEnd:1,borderBlockEndWidth:1,borderBlockStart:1,borderBlockStartWidth:1,borderBlockWidth:1,borderBottom:1,borderBottomLeftRadius:1,borderBottomRightRadius:1,borderBottomWidth:1,borderEndEndRadius:1,borderEndStartRadius:1,borderInlineEnd:1,borderInlineEndWidth:1,borderInlineStart:1,borderInlineStartWidth:1,borderInlineWidth:1,borderLeft:1,borderLeftWidth:1,borderRadius:1,borderRight:1,borderRightWidth:1,borderSpacing:1,borderStartEndRadius:1,borderStartStartRadius:1,borderTop:1,borderTopLeftRadius:1,borderTopRightRadius:1,borderTopWidth:1,borderWidth:1,bottom:1,columnGap:1,columnRule:1,columnRuleWidth:1,columnWidth:1,containIntrinsicSize:1,flexBasis:1,fontSize:1,gap:1,gridAutoColumns:1,gridAutoRows:1,gridTemplateColumns:1,gridTemplateRows:1,height:1,inlineSize:1,inset:1,insetBlock:1,insetBlockEnd:1,insetBlockStart:1,insetInline:1,insetInlineEnd:1,insetInlineStart:1,left:1,letterSpacing:1,margin:1,marginBlock:1,marginBlockEnd:1,marginBlockStart:1,marginBottom:1,marginInline:1,marginInlineEnd:1,marginInlineStart:1,marginLeft:1,marginRight:1,marginTop:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,offsetDistance:1,offsetRotate:1,outline:1,outlineOffset:1,outlineWidth:1,overflowClipMargin:1,padding:1,paddingBlock:1,paddingBlockEnd:1,paddingBlockStart:1,paddingBottom:1,paddingInline:1,paddingInlineEnd:1,paddingInlineStart:1,paddingLeft:1,paddingRight:1,paddingTop:1,perspective:1,right:1,rowGap:1,scrollMargin:1,scrollMarginBlock:1,scrollMarginBlockEnd:1,scrollMarginBlockStart:1,scrollMarginBottom:1,scrollMarginInline:1,scrollMarginInlineEnd:1,scrollMarginInlineStart:1,scrollMarginLeft:1,scrollMarginRight:1,scrollMarginTop:1,scrollPadding:1,scrollPaddingBlock:1,scrollPaddingBlockEnd:1,scrollPaddingBlockStart:1,scrollPaddingBottom:1,scrollPaddingInline:1,scrollPaddingInlineEnd:1,scrollPaddingInlineStart:1,scrollPaddingLeft:1,scrollPaddingRight:1,scrollPaddingTop:1,shapeMargin:1,textDecoration:1,textDecorationThickness:1,textIndent:1,textUnderlineOffset:1,top:1,transitionDelay:1,transitionDuration:1,verticalAlign:1,width:1,wordSpacing:1},$=e=>String.fromCharCode(e+(e>25?39:97)),N=e=>(e=>{let t,r="";for(t=Math.abs(e);t>52;t=t/52|0)r=$(t%52)+r;return $(t%52)+r})(((e,t)=>{let r=t.length;for(;r;)e=33*e^t.charCodeAt(--r);return e})(5381,JSON.stringify(e))>>>0),C=["themed","global","styled","onevar","resonevar","allvar","inline"],z=e=>{if(e.href&&!e.href.startsWith(location.origin))return!1;try{return!!e.cssRules}catch(e){return!1}},L=e=>{let t;let r=()=>{let{cssRules:e}=t.sheet;return[].map.call(e,(r,s)=>{let{cssText:n}=r,i="";if(n.startsWith("--sxs"))return"";if(e[s-1]&&(i=e[s-1].cssText).startsWith("--sxs")){if(!r.cssRules.length)return"";for(let e in t.rules)if(t.rules[e].group===r)return`--sxs{--sxs:${[...t.rules[e].cache].join(" ")}}${n}`;return r.cssRules.length?`${i}${n}`:""}return n}).join("")},s=()=>{if(t){let{rules:e,sheet:r}=t;if(!r.deleteRule){for(;3===Object(Object(r.cssRules)[0]).type;)r.cssRules.splice(0,1);r.cssRules=[]}for(let t in e)delete e[t]}for(let n of Object(e).styleSheets||[])if(z(n)){for(let e=0,i=n.cssRules;i[e];++e){let l=Object(i[e]);if(1!==l.type)continue;let o=Object(i[e+1]);if(4!==o.type)continue;++e;let{cssText:a}=l;if(!a.startsWith("--sxs"))continue;let c=a.slice(14,-3).trim().split(/\s+/),d=C[c[0]];d&&(t||(t={sheet:n,reset:s,rules:{},toString:r}),t.rules[d]={group:o,index:e,cache:new Set(c)})}if(t)break}if(!t){let n=(e,t)=>({type:t,cssRules:[],insertRule(e,t){this.cssRules.splice(t,0,n(e,{import:3,undefined:1}[(e.toLowerCase().match(/^@([a-z]+)/)||[])[1]]||4))},get cssText(){return"@media{}"===e?`@media{${[].map.call(this.cssRules,e=>e.cssText).join("")}}`:e}});t={sheet:e?(e.head||e).appendChild(document.createElement("style")).sheet:n("","text/css"),rules:{},reset:s,toString:r}}let{sheet:n,rules:i}=t;for(let e=C.length-1;e>=0;--e){let t=C[e];if(!i[t]){let r=C[e+1],s=i[r]?i[r].index:n.cssRules.length;n.insertRule("@media{}",s),n.insertRule(`--sxs{--sxs:${e}}`,s),i[t]={group:n.cssRules[s+1],index:s,cache:new Set([e])}}T(i[t])}};return s(),t},T=e=>{let t=e.group,r=t.cssRules.length;e.apply=e=>{try{t.insertRule(e,r),++r}catch(e){}}},E=Symbol(),W=d(),O=(e,t)=>W(e,()=>(...r)=>{let s={type:null,composers:new Set};for(let t of r)if(null!=t){if(t[h])for(let e of(null==s.type&&(s.type=t[h].type),t[h].composers))s.composers.add(e);else t.constructor!==Object||t.$$typeof?null==s.type&&(s.type=t):s.composers.add(A(t,e))}return null==s.type&&(s.type="span"),s.composers.size||s.composers.add(["PJLV",{},[],[],{},[]]),D(e,s,t)}),A=({variants:e,compoundVariants:t,defaultVariants:r,...s},n)=>{let i=`${S(n.prefix)}c-${N(s)}`,l=[],o=[],a=Object.create(null),c=[];for(let e in r)a[e]=String(r[e]);if("object"==typeof e&&e)for(let t in e){m.call(a,t)||(a[t]="undefined");let r=e[t];for(let e in r){let s={[t]:String(e)};"undefined"===String(e)&&c.push(t);let n=r[e],i=[s,n,!x(n)];l.push(i)}}if("object"==typeof t&&t)for(let e of t){let{css:t,...r}=e;for(let e in t="object"==typeof t&&t||{},r)r[e]=String(r[e]);let s=[r,t,!x(t)];o.push(s)}return[i,s,l,o,a,c]},D=(e,t,r)=>{let[s,n,i,l]=F(t.composers),o="function"==typeof t.type||t.type.$$typeof?(e=>{function t(){for(let r=0;rt.rules[e]={apply:r=>t[E].push([e,r])}),t})(r):null,a=(o||r).rules,c=`.${s}${n.length>1?`:where(.${n.slice(1).join(".")})`:""}`,d=d=>{let{css:h,...p}=d="object"==typeof d&&d||H,x={};for(let e in i)if(delete p[e],e in d){let t=d[e];"object"==typeof t&&t?x[e]={"@initial":i[e],...t}:(t=String(t),x[e]="undefined"!==t||l.has(e)?t:i[e])}else x[e]=i[e];let m=new Set([...n]);for(let[s,n,i,l]of t.composers){r.rules.styled.cache.has(s)||(r.rules.styled.cache.add(s),P(n,[`.${s}`],[],e,e=>{a.styled.apply(e)}));let t=_(i,x,e.media),o=_(l,x,e.media,!0);for(let n of t)if(void 0!==n)for(let[t,i,l]of n){let n=`${s}-${N(i)}-${t}`;m.add(n);let o=(l?r.rules.resonevar:r.rules.onevar).cache,c=l?a.resonevar:a.onevar;o.has(n)||(o.add(n),P(i,[`.${n}`],[],e,e=>{c.apply(e)}))}for(let t of o)if(void 0!==t)for(let[n,i]of t){let t=`${s}-${N(i)}-${n}`;m.add(t),r.rules.allvar.cache.has(t)||(r.rules.allvar.cache.add(t),P(i,[`.${t}`],[],e,e=>{a.allvar.apply(e)}))}}if("object"==typeof h&&h){let t=`${s}-i${N(h)}-css`;m.add(t),r.rules.inline.cache.has(t)||(r.rules.inline.cache.add(t),P(h,[`.${t}`],[],e,e=>{a.inline.apply(e)}))}for(let e of String(d.className||"").trim().split(/\s+/))e&&m.add(e);let u=p.className=[...m].join(" ");return{type:t.type,className:u,selector:c,props:p,toString:()=>u,deferredInjector:o}};return p(d,{className:s,selector:c,[h]:t,toString:()=>(r.rules.styled.cache.has(s)||d(),s)})},F=e=>{let t="",r=[],s={},n=[];for(let[i,,,,l,o]of e)for(let e in""===t&&(t=i),r.push(i),n.push(...o),l){let t=l[e];(void 0===s[e]||"undefined"!==t||o.includes(t))&&(s[e]=t)}return[t,r,s,new Set(n)]},_=(e,t,r,s)=>{let n=[];e:for(let[i,l,o]of e){if(o)continue;let e,a=0,c=!1;for(e in i){let s=i[e],n=t[e];if(n!==s){if("object"!=typeof n||!n)continue e;{let e,t,i=0;for(let l in n){if(s===String(n[l])){if("@initial"!==l){let e=l.slice(1);(t=t||[]).push(e in r?r[e]:l.replace(/^@media ?/,"")),c=!0}a+=i,e=!0}++i}if(t&&t.length&&(l={["@media "+t.join(", ")]:l}),!e)continue e}}}(n[a]=n[a]||[]).push([s?"cv":`${e}-${i[e]}`,l,c])}return n},H={},V=d(),Z=(e,t)=>V(e,()=>(...r)=>{let s=()=>{for(let s of r){let r=N(s="object"==typeof s&&s||{});if(!t.rules.global.cache.has(r)){if(t.rules.global.cache.add(r),"@import"in s){let e=[].indexOf.call(t.sheet.cssRules,t.rules.themed.group)-1;for(let r of[].concat(s["@import"]))r=r.includes('"')||r.includes("'")?r:`"${r}"`,t.sheet.insertRule(`@import ${r};`,e++);delete s["@import"]}P(s,[],[],e,e=>{t.rules.global.apply(e)})}}return""};return p(s,{toString:s})}),G=d(),K=(e,t)=>G(e,()=>r=>{let s=`${S(e.prefix)}k-${N(r)}`,n=()=>{if(!t.rules.global.cache.has(s)){t.rules.global.cache.add(s);let n=[];P(r,[],[],e,e=>n.push(e));let i=`@keyframes ${s}{${n.join("")}}`;t.rules.global.apply(i)}return s};return p(n,{get name(){return n()},toString:n})}),U=class{constructor(e,t,r,s){this.token=null==e?"":String(e),this.value=null==t?"":String(t),this.scale=null==r?"":String(r),this.prefix=null==s?"":String(s)}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+S(this.prefix)+S(this.scale)+this.token}toString(){return this.computedValue}},J=d(),q=(e,t)=>J(e,()=>(r,s)=>{s="object"==typeof r&&r||Object(s);let n=`.${r=(r="string"==typeof r?r:"")||`${S(e.prefix)}t-${N(s)}`}`,i={},l=[];for(let t in s)for(let r in i[t]={},s[t]){let n=`--${S(e.prefix)}${t}-${r}`,o=w(String(s[t][r]),e.prefix,t);i[t][r]=new U(r,o,t,e.prefix),l.push(`${n}:${o}`)}let o=()=>{if(l.length&&!t.rules.themed.cache.has(r)){t.rules.themed.cache.add(r);let n=`${s===e.theme?":root,":""}.${r}{${l.join(";")}}`;t.rules.themed.apply(n)}return r};return{...i,get className(){return o()},selector:n,toString:o}}),X=d(),Q=d(),Y=e=>{let t=(e=>{let t=!1,r=X(e,e=>{t=!0;let r="prefix"in(e="object"==typeof e&&e||{})?String(e.prefix):"",s="object"==typeof e.media&&e.media||{},n="object"==typeof e.root?e.root||null:globalThis.document||null,i="object"==typeof e.theme&&e.theme||{},l={prefix:r,media:s,theme:i,themeMap:"object"==typeof e.themeMap&&e.themeMap||{...a},utils:"object"==typeof e.utils&&e.utils||{}},o=L(n),c={css:O(l,o),globalCss:Z(l,o),keyframes:K(l,o),createTheme:q(l,o),reset(){o.reset(),c.theme.toString()},theme:{},sheet:o,config:l,prefix:r,getCssText:o.toString,toString:o.toString};return String(c.theme=c.createTheme(i)),c});return t||r.reset(),r})(e);return t.styled=(({config:e,sheet:t})=>Q(e,()=>{let r=O(e,t);return(...e)=>{let t=r(...e),s=t[h].type,i=n.forwardRef((e,r)=>{let i=e&&e.as||s,{props:l,deferredInjector:o}=t(e);return delete l.as,l.ref=r,o?n.createElement(n.Fragment,null,n.createElement(i,l),n.createElement(o,null)):n.createElement(i,l)});return i.className=t.className,i.displayName=`Styled.${s.displayName||s.name||s}`,i.selector=t.selector,i.toString=()=>t.selector,i[h]=t[h],i}}))(t),t},ee=()=>s||(s=Y()),et=(...e)=>ee().createTheme(...e)}},function(e){e.O(0,[585,546,965,580,542,888,774,179],function(){return e(e.s=4484)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/docs/metadata-f33a46d969639b3c.js b/_next/static/chunks/pages/docs/metadata-59f23e547f9f168d.js similarity index 71% rename from _next/static/chunks/pages/docs/metadata-f33a46d969639b3c.js rename to _next/static/chunks/pages/docs/metadata-59f23e547f9f168d.js index 9019268e..e010d800 100644 --- a/_next/static/chunks/pages/docs/metadata-f33a46d969639b3c.js +++ b/_next/static/chunks/pages/docs/metadata-59f23e547f9f168d.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[119],{1655:function(e,s,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/metadata",function(){return r(7227)}])},7227:function(e,s,r){"use strict";r.r(s),r.d(s,{DynamicCode:function(){return h},__toc:function(){return p},default:function(){return y},metadata:function(){return x}});var n=r(2676),l=r(5384),i=r(826),o=r(7104);r(1952);var t=r(7532),a=r(1973),c=r(4384),d=r(3860);function h(e){let{children:s,lang:r}=e,l=Object.assign({pre:"pre",code:"code"},(0,t.a)());return(0,n.jsx)(l.pre,{lang:r,children:(0,n.jsx)(l.code,{lang:r,children:s})})}r(27);let x=[{label:{none:["Alternate Title"]},value:{none:["Volume 7. The Yakima. The Klickitat. Salishan tribes of the interior. The Kutenai"]}},{label:{none:["Contributor"]},value:{none:["Curtis, Edward S., 1868-1952 (Author)","Curtis, Edward S., 1868-1952 (Illustrator)","Curtis, Edward S., 1868-1952 (Publisher)","Hodge, Frederick Webb, 1864-1956 (Editor)","Roosevelt, Theodore, 1858-1919 (Author of introduction, etc.)","Morgan, J. Pierpont (John Pierpont), 1837-1913 (Patron)","John Andrew & Son (Printmaker)","Plimpton Press (Publisher)"]}}],p=[{depth:2,value:"Usage",id:"usage"},{depth:3,value:"React",id:"react"},{depth:2,value:"API Reference",id:"api-reference"},{depth:3,value:"HTML Attributes",id:"html-attributes"},{depth:3,value:"Language",id:"language"},{depth:3,value:"Custom Values",id:"custom-values"},{depth:3,value:"Custom Delimiter",id:"custom-delimiter"}];function k(e){let s=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre",span:"span",h2:"h2",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",strong:"strong"},(0,t.a)(),e.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.h1,{children:"Metadata"}),"\n",(0,n.jsxs)(s.p,{children:["An ordered list of descriptions to be displayed to the user when they interact with the resource, given as pairs of human readable ",(0,n.jsx)(s.code,{children:"label"})," and ",(0,n.jsx)(s.code,{children:"value"})," entries."]}),"\n",(0,n.jsx)(a.Z,{href:"https://iiif.io/api/presentation/3.0/#metadata",text:["metadata"]}),"\n",(0,n.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,n.jsx)(d.OK,{children:(0,n.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Metadata"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Creator"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Fava, Antonio, 1949-"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Date"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"2012"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,n.jsx)(d.OK,{children:(0,n.jsx)(c.SF,{metadata:[{label:{none:["Creator"]},value:{none:["Fava, Antonio, 1949-"]}},{label:{none:["Date"]},value:{none:["2012"]}}]})}),(0,n.jsx)(d.OK,{children:(0,n.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dl"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"group"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"data-label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"creator"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dt"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">Creator"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dd"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">Fava, Antonio, 1949-"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"group"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"data-label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"date"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dt"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">Date"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dd"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">2012"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,n.jsx)(s.h2,{id:"usage",children:"Usage"}),"\n",(0,n.jsx)(s.h3,{id:"react",children:"React"}),"\n",(0,n.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { Metadata } "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/primitives"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"CustomMetadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ({ metadata }) "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{metadata} />;"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" CustomMetadata;"})]})]})}),"\n",(0,n.jsx)(s.h2,{id:"api-reference",children:"API Reference"}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Prop"}),(0,n.jsx)(s.th,{children:"Type"}),(0,n.jsx)(s.th,{children:"Default"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"as"})}),(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"dl"})}),(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"dl"})}),(0,n.jsx)(s.td,{children:"--"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"metadata"})}),(0,n.jsx)(s.td,{children:(0,n.jsx)(s.a,{href:"https://iiif.io/api/presentation/3.0/#metadata",children:"metadata"})}),(0,n.jsx)(s.td,{children:"--"}),(0,n.jsx)(s.td,{children:(0,n.jsx)(s.strong,{children:"Yes"})})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"customValueContent"})}),(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"PrimitivesCustomValueContent[]"})}),(0,n.jsx)(s.td,{children:"--"}),(0,n.jsx)(s.td,{children:"--"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"customValueDelimiter"})}),(0,n.jsx)(s.td,{children:"string?"}),(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:","})}),(0,n.jsx)(s.td,{children:"--"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"className"})}),(0,n.jsxs)(s.td,{children:[(0,n.jsx)(s.code,{children:"string"}),", ",(0,n.jsx)(s.code,{children:"undefined"})]}),(0,n.jsx)(s.td,{children:"--"}),(0,n.jsx)(s.td,{children:"--"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"style"})}),(0,n.jsxs)(s.td,{children:[(0,n.jsx)(s.code,{children:"CSSProperties"}),", ",(0,n.jsx)(s.code,{children:"undefined"})]}),(0,n.jsx)(s.td,{children:"--"}),(0,n.jsx)(s.td,{children:"--"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"lang"})}),(0,n.jsxs)(s.td,{children:[(0,n.jsx)(s.code,{children:"string"}),", ",(0,n.jsx)(s.code,{children:"undefined"})]}),(0,n.jsx)(s.td,{children:"--"}),(0,n.jsx)(s.td,{children:"--"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"title"})}),(0,n.jsxs)(s.td,{children:[(0,n.jsx)(s.code,{children:"string"}),", ",(0,n.jsx)(s.code,{children:"undefined"})]}),(0,n.jsx)(s.td,{children:"--"}),(0,n.jsx)(s.td,{children:"--"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"data-*"})}),(0,n.jsxs)(s.td,{children:[(0,n.jsx)(s.code,{children:"string"}),", ",(0,n.jsx)(s.code,{children:"undefined"})]}),(0,n.jsx)(s.td,{children:"--"}),(0,n.jsx)(s.td,{children:"--"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"aria-*"})}),(0,n.jsxs)(s.td,{children:[(0,n.jsx)(s.code,{children:"AriaAttributes"}),", ",(0,n.jsx)(s.code,{children:"undefined"})]}),(0,n.jsx)(s.td,{children:"--"}),(0,n.jsx)(s.td,{children:"--"})]})]})]}),"\n",(0,n.jsx)(s.h3,{id:"html-attributes",children:"HTML Attributes"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.code,{children:"Metadata"}),", like all Clover IIIF primitives accept common ",(0,n.jsx)(s.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement",children:"HTMLElement"})," attributes. Use the JSX style ",(0,n.jsx)(s.code,{children:"className"})," prop to add custom classes. The same attribute methodology can be used for ",(0,n.jsx)(s.code,{children:"id"}),", ",(0,n.jsx)(s.code,{children:"style"}),", ",(0,n.jsx)(s.code,{children:"title"}),", ",(0,n.jsx)(s.code,{children:"data-*"}),", and ",(0,n.jsx)(s.code,{children:"aria-*"})," props."]}),"\n",(0,n.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,n.jsx)(d.OK,{children:(0,n.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Metadata"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Creator"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Fava, Antonio, 1949-"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Date"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"2012"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"style"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{ color"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"red"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,n.jsx)(d.OK,{children:(0,n.jsx)(c.SF,{metadata:[{label:{none:["Creator"]},value:{none:["Fava, Antonio, 1949-"]}},{label:{none:["Date"]},value:{none:["2012"]}}],style:{color:"red"}})}),(0,n.jsx)(d.OK,{children:(0,n.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dl"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"style"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"color: red;"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"group"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"data-label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"creator"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dt"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">Creator"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dd"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">Fava, Antonio, 1949-"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"group"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"data-label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"date"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dt"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">Date"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dd"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">2012"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,n.jsx)(s.h3,{id:"language",children:"Language"}),"\n",(0,n.jsxs)(s.p,{children:["Additional to being rendered to the DOM like other attributes, the value of ",(0,n.jsx)(s.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/lang",children:(0,n.jsx)(s.code,{children:"lang"})})," will couple with ",(0,n.jsx)(s.a,{href:"https://github.com/IIIF-Commons/presentation-3-types/blob/main/iiif/descriptive.d.ts#L6-L8",children:"InternationalString"})," props to output the denoted ",(0,n.jsx)(s.code,{children:"label"}),", ",(0,n.jsx)(s.code,{children:"value"}),", ",(0,n.jsx)(s.code,{children:"summary"})," entries. If ",(0,n.jsx)(s.code,{children:"lang"})," is undefined, entries will default to the first entry in the array index. The value of ",(0,n.jsx)(s.code,{children:"lang"})," should be a two letter ",(0,n.jsx)(s.a,{href:"https://datatracker.ietf.org/doc/html/rfc5646",children:"BCP 47"})," language code."]}),"\n",(0,n.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,n.jsx)(d.OK,{children:(0,n.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Metadata"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Associated"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" de"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Beteiligte"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Jan Brueghel the Elder"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" de"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Jan (der \xc4ltere) Brueghel"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Technique"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" de"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Technik"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Oil"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"copper"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" de"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"\xd6l"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Kupfer"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"de"'})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,n.jsx)(d.OK,{children:(0,n.jsx)(c.SF,{metadata:[{label:{en:["Associated"],de:["Beteiligte"]},value:{en:["Jan Brueghel the Elder"],de:["Jan (der \xc4ltere) Brueghel"]}},{label:{en:["Technique"],de:["Technik"]},value:{en:["Oil","copper"],de:["\xd6l","Kupfer"]}}],lang:"de"})}),(0,n.jsx)(d.OK,{children:(0,n.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dl"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"de"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"group"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"data-label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"associated"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dt"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"de"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Beteiligte"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dd"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"de"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Jan (der \xc4ltere) Brueghel"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"group"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"data-label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"technique"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dt"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"de"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Technik"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dd"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"de"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" \xd6l, Kupfer"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,n.jsx)(s.h3,{id:"custom-values",children:"Custom Values"}),"\n",(0,n.jsxs)(s.p,{children:["If a consuming application requires rendering specific ",(0,n.jsx)(s.code,{children:"metadata"})," item ",(0,n.jsx)(s.code,{children:"values"})," in a custom pattern, the ",(0,n.jsx)(s.code,{children:"customValueContent"})," prop can be used. The pattern requires ",(0,n.jsx)(s.code,{children:"matchingLabel"})," following ",(0,n.jsx)(s.a,{href:"https://iiif.io/api/presentation/3.0/#label",children:"https://iiif.io/api/presentation/3.0/#label"})," and ",(0,n.jsx)(s.code,{children:"Content"})," as a ",(0,n.jsx)(s.code,{children:"ReactElement"})," carrying ",(0,n.jsx)(s.code,{children:"props"}),". The element set for ",(0,n.jsx)(s.code,{children:"Content"})," must map ",(0,n.jsx)(s.code,{children:"props.value"})," to the appropriate code in the custom pattern."]}),"\n",(0,n.jsxs)(s.p,{children:["In the example below, the value of ",(0,n.jsx)(s.strong,{children:"Pantaloon"})," with a matching ",(0,n.jsx)(s.code,{children:"label"})," of ",(0,n.jsx)(s.code,{children:'{ none: ["Subject"] }'})," would be rendered as ",(0,n.jsx)(s.code,{children:'
Pantaloon
'}),", while the ",(0,n.jsx)(s.code,{children:"value"})," entry of ",(0,n.jsx)(s.strong,{children:"comic masks"})," would render simply as ",(0,n.jsx)(s.code,{children:"
comic masks
"}),"."]}),"\n",(0,n.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Genre"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"comic masks"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Subject"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Pantaloon"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"];"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"CustomValueSubject"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" (props) "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"encodeURI"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"("}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"`https://example.org/?subject="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"${"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"props"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".value"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"}"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"`"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:")}>"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"props"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".value}"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:");"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"customValueContent"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" matchingLabel"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Subject"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Content"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"CustomValueSubject"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"];"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{metadata} "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"customValueContent"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{customValueContent} />;"})]})]})}),"\n",(0,n.jsx)(s.h3,{id:"custom-delimiter",children:"Custom Delimiter"}),"\n",(0,n.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,n.jsx)(d.OK,{children:(0,n.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Metadata"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Subject"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Masks"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Commedia dell\'arte"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Italian drama (Comedy)"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Zanni (Fictitious character)"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"customValueDelimiter"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"
"'})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,n.jsx)(d.OK,{children:(0,n.jsx)(c.SF,{metadata:[{label:{none:["Subject"]},value:{none:["Masks","Commedia dell'arte","Italian drama (Comedy)","Zanni (Fictitious character)"]}}],customValueDelimiter:"
"})}),(0,n.jsx)(d.OK,{children:(0,n.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dl"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"group"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"data-label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"subject"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dt"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">Subject"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dd"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Masks<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"br"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Commedia dell'arte<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"br"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Italian drama (Comedy)<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"br"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Zanni (Fictitious character)"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]})]})}let j={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:s}=Object.assign({},(0,t.a)(),e.components);return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(k,{...e})}):k(e)},pageOpts:{filePath:"pages/docs/metadata.mdx",route:"/docs/metadata",frontMatter:{title:"Metadata"},timestamp:173257264e4,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Metadata",headings:p},pageNextRoute:"/docs/metadata",nextraLayout:i.ZP,themeConfig:o.Z};var y=(0,l.j)(j)},1973:function(e,s,r){"use strict";var n=r(2676),l=r(5318),i=r.n(l);r(5271);var o=r(8158);let t=()=>{let e="#ed1d33",s="#2873ab";return(0,n.jsxs)("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1",style:{height:"1rem"},children:[(0,n.jsx)("title",{children:"IIIF Logo"}),(0,n.jsx)("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)",children:(0,n.jsxs)("g",{transform:"scale(0.1)",children:[(0,n.jsx)("path",{style:{fill:s},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),(0,n.jsx)("path",{style:{fill:s},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),(0,n.jsx)("path",{style:{fill:e},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),(0,n.jsx)("path",{style:{fill:e},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),(0,n.jsx)("path",{style:{fill:s},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),(0,n.jsx)("path",{style:{fill:s},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),(0,n.jsx)("path",{style:{fill:e},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"})]})})]})},a=(0,o.zo)(i(),{display:"inline-flex",flexDirection:"column",textDecoration:"none",alignItems:"center",padding:"0.5rem 0"}),c=(0,o.zo)("span",{display:"inline-flex",alignItems:"center",justifyContent:"center"});s.Z=e=>{let{children:s,href:r,text:l=["Presentation API"]}=e;return(0,n.jsx)(a,{href:r,target:"_blank",className:"nx-flex-col",children:(0,n.jsxs)(c,{className:"nx-gap-2 nx-h-7 nx-rounded-md nx-px-2 nx-text-left nx-text-sm nx-font-medium nx-text-gray-600 nx-transition-colors dark:nx-text-gray-400 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",children:[(0,n.jsx)(t,{})," ",l.join(" or ")," ↗"]})})}},8158:function(e,s,r){"use strict";r.d(s,{BC:function(){return l},F4:function(){return t},zo:function(){return i}});var n=r(1028);let l={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:i,css:o,keyframes:t,createTheme:a}=(0,n.Th)({theme:{colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"hsl(".concat(209," 100% 38.2%)"),accentMuted:"hsl(".concat(209," 80% 61.8%)"),accentAlt:"hsl(".concat(209," 80% 30%)"),secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},media:l})},7104:function(e,s,r){"use strict";r.d(s,{Z:function(){return k}});var n=r(2676),l=r(2936),i=r.n(l),o=r(5271);let t={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},a=["Scroll"];var c=e=>{let{title:s}=e;return a.includes(s)?(0,n.jsxs)("span",{children:[s,(0,n.jsx)("span",{style:t,children:"Beta"})]}):(0,n.jsx)("span",{children:s})},d=r(826),h=r(9205);let x="Clover IIIF",p="Showcase IIIF Manifests as interoperable web content.";var k={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),s=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(x):"".concat(x," – ").concat(p),r=e.frontMatter.description?e.frontMatter.description:p,{route:n}=(0,h.useRouter)(),l=(0,o.useMemo)(()=>new URL(n.endsWith("/")?n:"".concat(n,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[n]);return{defaultTitle:"".concat(x," - ").concat(p),title:s,description:r,canonical:l,openGraph:{url:l,title:s,siteName:"".concat(x," - ").concat(p),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,n.jsx)(()=>(0,n.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,n.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,n.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,n.jsx)(i(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,n.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){},1028:function(e,s,r){"use strict";r.d(s,{Th:function(){return Y},jG:function(){return es}});var n,l=r(5271),i="colors",o="sizes",t="space",a={gap:t,gridGap:t,columnGap:t,gridColumnGap:t,rowGap:t,gridRowGap:t,inset:t,insetBlock:t,insetBlockEnd:t,insetBlockStart:t,insetInline:t,insetInlineEnd:t,insetInlineStart:t,margin:t,marginTop:t,marginRight:t,marginBottom:t,marginLeft:t,marginBlock:t,marginBlockEnd:t,marginBlockStart:t,marginInline:t,marginInlineEnd:t,marginInlineStart:t,padding:t,paddingTop:t,paddingRight:t,paddingBottom:t,paddingLeft:t,paddingBlock:t,paddingBlockEnd:t,paddingBlockStart:t,paddingInline:t,paddingInlineEnd:t,paddingInlineStart:t,top:t,right:t,bottom:t,left:t,scrollMargin:t,scrollMarginTop:t,scrollMarginRight:t,scrollMarginBottom:t,scrollMarginLeft:t,scrollMarginX:t,scrollMarginY:t,scrollMarginBlock:t,scrollMarginBlockEnd:t,scrollMarginBlockStart:t,scrollMarginInline:t,scrollMarginInlineEnd:t,scrollMarginInlineStart:t,scrollPadding:t,scrollPaddingTop:t,scrollPaddingRight:t,scrollPaddingBottom:t,scrollPaddingLeft:t,scrollPaddingX:t,scrollPaddingY:t,scrollPaddingBlock:t,scrollPaddingBlockEnd:t,scrollPaddingBlockStart:t,scrollPaddingInline:t,scrollPaddingInlineEnd:t,scrollPaddingInlineStart:t,fontSize:"fontSizes",background:i,backgroundColor:i,backgroundImage:i,borderImage:i,border:i,borderBlock:i,borderBlockEnd:i,borderBlockStart:i,borderBottom:i,borderBottomColor:i,borderColor:i,borderInline:i,borderInlineEnd:i,borderInlineStart:i,borderLeft:i,borderLeftColor:i,borderRight:i,borderRightColor:i,borderTop:i,borderTopColor:i,caretColor:i,color:i,columnRuleColor:i,fill:i,outline:i,outlineColor:i,stroke:i,textDecorationColor:i,fontFamily:"fonts",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",blockSize:o,minBlockSize:o,maxBlockSize:o,inlineSize:o,minInlineSize:o,maxInlineSize:o,width:o,minWidth:o,maxWidth:o,height:o,minHeight:o,maxHeight:o,flexBasis:o,gridTemplateColumns:o,gridTemplateRows:o,borderWidth:"borderWidths",borderTopWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderLeftWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",transition:"transitions",zIndex:"zIndices"},c=(e,s)=>"function"==typeof s?{"()":Function.prototype.toString.call(s)}:s,d=()=>{let e=Object.create(null);return(s,r,...n)=>{let l=JSON.stringify(s,c);return l in e?e[l]:e[l]=r(s,...n)}},h=Symbol.for("sxs.internal"),x=(e,s)=>Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)),p=e=>{for(let s in e)return!0;return!1},{hasOwnProperty:k}=Object.prototype,j=e=>e.includes("-")?e:e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase()),y=/\s+(?![^()]*\))/,v=e=>s=>e(..."string"==typeof s?String(s).split(y):[s]),u={appearance:e=>({WebkitAppearance:e,appearance:e}),backfaceVisibility:e=>({WebkitBackfaceVisibility:e,backfaceVisibility:e}),backdropFilter:e=>({WebkitBackdropFilter:e,backdropFilter:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),boxDecorationBreak:e=>({WebkitBoxDecorationBreak:e,boxDecorationBreak:e}),clipPath:e=>({WebkitClipPath:e,clipPath:e}),content:e=>({content:e.includes('"')||e.includes("'")||/^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e)?e:`"${e}"`}),hyphens:e=>({WebkitHyphens:e,hyphens:e}),maskImage:e=>({WebkitMaskImage:e,maskImage:e}),maskSize:e=>({WebkitMaskSize:e,maskSize:e}),tabSize:e=>({MozTabSize:e,tabSize:e}),textSizeAdjust:e=>({WebkitTextSizeAdjust:e,textSizeAdjust:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),marginBlock:v((e,s)=>({marginBlockStart:e,marginBlockEnd:s||e})),marginInline:v((e,s)=>({marginInlineStart:e,marginInlineEnd:s||e})),maxSize:v((e,s)=>({maxBlockSize:e,maxInlineSize:s||e})),minSize:v((e,s)=>({minBlockSize:e,minInlineSize:s||e})),paddingBlock:v((e,s)=>({paddingBlockStart:e,paddingBlockEnd:s||e})),paddingInline:v((e,s)=>({paddingInlineStart:e,paddingInlineEnd:s||e}))},m=/([\d.]+)([^]*)/,g=(e,s)=>e.length?e.reduce((e,r)=>(e.push(...s.map(e=>e.includes("&")?e.replace(/&/g,/[ +>|~]/.test(r)&&/&.*&/.test(e)?`:is(${r})`:r):r+" "+e)),e),[]):s,f=(e,s)=>e in b&&"string"==typeof s?s.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/,(s,r,n,l)=>r+("stretch"===n?`-moz-available${l};${j(e)}:${r}-webkit-fill-available`:`-moz-fit-content${l};${j(e)}:${r}fit-content`)+l):String(s),b={blockSize:1,height:1,inlineSize:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,width:1},w=e=>e?e+"-":"",N=(e,s,r)=>e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g,(e,n,l,i,o)=>"$"==i==!!l?e:(n||"--"==i?"calc(":"")+"var(--"+("$"===i?w(s)+(o.includes("$")?"":w(r))+o.replace(/\$/g,"-"):o)+")"+(n||"--"==i?"*"+(n||"")+(l||"1")+")":"")),S=/\s*,\s*(?![^()]*\))/,M=Object.prototype.toString,I=(e,s,r,n,l)=>{let i,o,t;let a=(e,s,r)=>{let c,d;let h=e=>{var x;for(c in e){let p=64===c.charCodeAt(0);for(d of p&&Array.isArray(e[c])?e[c]:[e[c]]){let e=/[A-Z]/.test(x=c)?x:x.replace(/-[^]/g,e=>e[1].toUpperCase()),k="object"==typeof d&&d&&d.toString===M&&(!n.utils[e]||!s.length);if(e in n.utils&&!k){let s=n.utils[e];if(s!==o){o=s,h(s(d)),o=null;continue}}else if(e in u){let s=u[e];if(s!==t){t=s,h(s(d)),t=null;continue}}if(p&&(c=(c.slice(1) in n.media?"@media "+n.media[c.slice(1)]:c).replace(/\(\s*([\w-]+)\s*(=|<|<=|>|>=)\s*([\w-]+)\s*(?:(<|<=|>|>=)\s*([\w-]+)\s*)?\)/g,(e,s,r,n,l,i)=>{let o=m.test(s),t=.0625*(o?-1:1),[a,c]=o?[n,s]:[s,n];return"("+("="===r[0]?"":">"===r[0]===o?"max-":"min-")+a+":"+("="!==r[0]&&1===r.length?c.replace(m,(e,s,n)=>Number(s)+t*(">"===r?1:-1)+n):c)+(l?") and ("+(">"===l[0]?"min-":"max-")+a+":"+(1===l.length?i.replace(m,(e,s,r)=>Number(s)+t*(">"===l?-1:1)+r):i):"")+")"})),k){let e=p?r.concat(c):[...r],n=p?[...s]:g(s,c.split(S));void 0!==i&&l(P(...i)),i=void 0,a(d,n,e)}else void 0===i&&(i=[[],s,r]),c=p||36!==c.charCodeAt(0)?c:`--${w(n.prefix)}${c.slice(1).replace(/\$/g,"-")}`,d=k?d:"number"==typeof d?d&&e in C?String(d)+"px":String(d):N(f(e,null==d?"":d),n.prefix,n.themeMap[e]),i[0].push(`${p?`${c} `:`${j(c)}:`}${d}`)}}};h(e),void 0!==i&&l(P(...i)),i=void 0};a(e,s,r)},P=(e,s,r)=>`${r.map(e=>`${e}{`).join("")}${s.length?`${s.join(",")}{`:""}${e.join(";")}${s.length?"}":""}${Array(r.length?r.length+1:0).join("}")}`,C={animationDelay:1,animationDuration:1,backgroundSize:1,blockSize:1,border:1,borderBlock:1,borderBlockEnd:1,borderBlockEndWidth:1,borderBlockStart:1,borderBlockStartWidth:1,borderBlockWidth:1,borderBottom:1,borderBottomLeftRadius:1,borderBottomRightRadius:1,borderBottomWidth:1,borderEndEndRadius:1,borderEndStartRadius:1,borderInlineEnd:1,borderInlineEndWidth:1,borderInlineStart:1,borderInlineStartWidth:1,borderInlineWidth:1,borderLeft:1,borderLeftWidth:1,borderRadius:1,borderRight:1,borderRightWidth:1,borderSpacing:1,borderStartEndRadius:1,borderStartStartRadius:1,borderTop:1,borderTopLeftRadius:1,borderTopRightRadius:1,borderTopWidth:1,borderWidth:1,bottom:1,columnGap:1,columnRule:1,columnRuleWidth:1,columnWidth:1,containIntrinsicSize:1,flexBasis:1,fontSize:1,gap:1,gridAutoColumns:1,gridAutoRows:1,gridTemplateColumns:1,gridTemplateRows:1,height:1,inlineSize:1,inset:1,insetBlock:1,insetBlockEnd:1,insetBlockStart:1,insetInline:1,insetInlineEnd:1,insetInlineStart:1,left:1,letterSpacing:1,margin:1,marginBlock:1,marginBlockEnd:1,marginBlockStart:1,marginBottom:1,marginInline:1,marginInlineEnd:1,marginInlineStart:1,marginLeft:1,marginRight:1,marginTop:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,offsetDistance:1,offsetRotate:1,outline:1,outlineOffset:1,outlineWidth:1,overflowClipMargin:1,padding:1,paddingBlock:1,paddingBlockEnd:1,paddingBlockStart:1,paddingBottom:1,paddingInline:1,paddingInlineEnd:1,paddingInlineStart:1,paddingLeft:1,paddingRight:1,paddingTop:1,perspective:1,right:1,rowGap:1,scrollMargin:1,scrollMarginBlock:1,scrollMarginBlockEnd:1,scrollMarginBlockStart:1,scrollMarginBottom:1,scrollMarginInline:1,scrollMarginInlineEnd:1,scrollMarginInlineStart:1,scrollMarginLeft:1,scrollMarginRight:1,scrollMarginTop:1,scrollPadding:1,scrollPaddingBlock:1,scrollPaddingBlockEnd:1,scrollPaddingBlockStart:1,scrollPaddingBottom:1,scrollPaddingInline:1,scrollPaddingInlineEnd:1,scrollPaddingInlineStart:1,scrollPaddingLeft:1,scrollPaddingRight:1,scrollPaddingTop:1,shapeMargin:1,textDecoration:1,textDecorationThickness:1,textIndent:1,textUnderlineOffset:1,top:1,transitionDelay:1,transitionDuration:1,verticalAlign:1,width:1,wordSpacing:1},B=e=>String.fromCharCode(e+(e>25?39:97)),R=e=>(e=>{let s,r="";for(s=Math.abs(e);s>52;s=s/52|0)r=B(s%52)+r;return B(s%52)+r})(((e,s)=>{let r=s.length;for(;r;)e=33*e^s.charCodeAt(--r);return e})(5381,JSON.stringify(e))>>>0),$=["themed","global","styled","onevar","resonevar","allvar","inline"],T=e=>{if(e.href&&!e.href.startsWith(location.origin))return!1;try{return!!e.cssRules}catch(e){return!1}},L=e=>{let s;let r=()=>{let{cssRules:e}=s.sheet;return[].map.call(e,(r,n)=>{let{cssText:l}=r,i="";if(l.startsWith("--sxs"))return"";if(e[n-1]&&(i=e[n-1].cssText).startsWith("--sxs")){if(!r.cssRules.length)return"";for(let e in s.rules)if(s.rules[e].group===r)return`--sxs{--sxs:${[...s.rules[e].cache].join(" ")}}${l}`;return r.cssRules.length?`${i}${l}`:""}return l}).join("")},n=()=>{if(s){let{rules:e,sheet:r}=s;if(!r.deleteRule){for(;3===Object(Object(r.cssRules)[0]).type;)r.cssRules.splice(0,1);r.cssRules=[]}for(let s in e)delete e[s]}for(let l of Object(e).styleSheets||[])if(T(l)){for(let e=0,i=l.cssRules;i[e];++e){let o=Object(i[e]);if(1!==o.type)continue;let t=Object(i[e+1]);if(4!==t.type)continue;++e;let{cssText:a}=o;if(!a.startsWith("--sxs"))continue;let c=a.slice(14,-3).trim().split(/\s+/),d=$[c[0]];d&&(s||(s={sheet:l,reset:n,rules:{},toString:r}),s.rules[d]={group:t,index:e,cache:new Set(c)})}if(s)break}if(!s){let l=(e,s)=>({type:s,cssRules:[],insertRule(e,s){this.cssRules.splice(s,0,l(e,{import:3,undefined:1}[(e.toLowerCase().match(/^@([a-z]+)/)||[])[1]]||4))},get cssText(){return"@media{}"===e?`@media{${[].map.call(this.cssRules,e=>e.cssText).join("")}}`:e}});s={sheet:e?(e.head||e).appendChild(document.createElement("style")).sheet:l("","text/css"),rules:{},reset:n,toString:r}}let{sheet:l,rules:i}=s;for(let e=$.length-1;e>=0;--e){let s=$[e];if(!i[s]){let r=$[e+1],n=i[r]?i[r].index:l.cssRules.length;l.insertRule("@media{}",n),l.insertRule(`--sxs{--sxs:${e}}`,n),i[s]={group:l.cssRules[n+1],index:n,cache:new Set([e])}}z(i[s])}};return n(),s},z=e=>{let s=e.group,r=s.cssRules.length;e.apply=e=>{try{s.insertRule(e,r),++r}catch(e){}}},E=Symbol(),W=d(),V=(e,s)=>W(e,()=>(...r)=>{let n={type:null,composers:new Set};for(let s of r)if(null!=s){if(s[h])for(let e of(null==n.type&&(n.type=s[h].type),s[h].composers))n.composers.add(e);else s.constructor!==Object||s.$$typeof?null==n.type&&(n.type=s):n.composers.add(A(s,e))}return null==n.type&&(n.type="span"),n.composers.size||n.composers.add(["PJLV",{},[],[],{},[]]),O(e,n,s)}),A=({variants:e,compoundVariants:s,defaultVariants:r,...n},l)=>{let i=`${w(l.prefix)}c-${R(n)}`,o=[],t=[],a=Object.create(null),c=[];for(let e in r)a[e]=String(r[e]);if("object"==typeof e&&e)for(let s in e){k.call(a,s)||(a[s]="undefined");let r=e[s];for(let e in r){let n={[s]:String(e)};"undefined"===String(e)&&c.push(s);let l=r[e],i=[n,l,!p(l)];o.push(i)}}if("object"==typeof s&&s)for(let e of s){let{css:s,...r}=e;for(let e in s="object"==typeof s&&s||{},r)r[e]=String(r[e]);let n=[r,s,!p(s)];t.push(n)}return[i,n,o,t,a,c]},O=(e,s,r)=>{let[n,l,i,o]=F(s.composers),t="function"==typeof s.type||s.type.$$typeof?(e=>{function s(){for(let r=0;rs.rules[e]={apply:r=>s[E].push([e,r])}),s})(r):null,a=(t||r).rules,c=`.${n}${l.length>1?`:where(.${l.slice(1).join(".")})`:""}`,d=d=>{let{css:h,...x}=d="object"==typeof d&&d||J,p={};for(let e in i)if(delete x[e],e in d){let s=d[e];"object"==typeof s&&s?p[e]={"@initial":i[e],...s}:(s=String(s),p[e]="undefined"!==s||o.has(e)?s:i[e])}else p[e]=i[e];let k=new Set([...l]);for(let[n,l,i,o]of s.composers){r.rules.styled.cache.has(n)||(r.rules.styled.cache.add(n),I(l,[`.${n}`],[],e,e=>{a.styled.apply(e)}));let s=D(i,p,e.media),t=D(o,p,e.media,!0);for(let l of s)if(void 0!==l)for(let[s,i,o]of l){let l=`${n}-${R(i)}-${s}`;k.add(l);let t=(o?r.rules.resonevar:r.rules.onevar).cache,c=o?a.resonevar:a.onevar;t.has(l)||(t.add(l),I(i,[`.${l}`],[],e,e=>{c.apply(e)}))}for(let s of t)if(void 0!==s)for(let[l,i]of s){let s=`${n}-${R(i)}-${l}`;k.add(s),r.rules.allvar.cache.has(s)||(r.rules.allvar.cache.add(s),I(i,[`.${s}`],[],e,e=>{a.allvar.apply(e)}))}}if("object"==typeof h&&h){let s=`${n}-i${R(h)}-css`;k.add(s),r.rules.inline.cache.has(s)||(r.rules.inline.cache.add(s),I(h,[`.${s}`],[],e,e=>{a.inline.apply(e)}))}for(let e of String(d.className||"").trim().split(/\s+/))e&&k.add(e);let j=x.className=[...k].join(" ");return{type:s.type,className:j,selector:c,props:x,toString:()=>j,deferredInjector:t}};return x(d,{className:n,selector:c,[h]:s,toString:()=>(r.rules.styled.cache.has(n)||d(),n)})},F=e=>{let s="",r=[],n={},l=[];for(let[i,,,,o,t]of e)for(let e in""===s&&(s=i),r.push(i),l.push(...t),o){let s=o[e];(void 0===n[e]||"undefined"!==s||t.includes(s))&&(n[e]=s)}return[s,r,n,new Set(l)]},D=(e,s,r,n)=>{let l=[];e:for(let[i,o,t]of e){if(t)continue;let e,a=0,c=!1;for(e in i){let n=i[e],l=s[e];if(l!==n){if("object"!=typeof l||!l)continue e;{let e,s,i=0;for(let o in l){if(n===String(l[o])){if("@initial"!==o){let e=o.slice(1);(s=s||[]).push(e in r?r[e]:o.replace(/^@media ?/,"")),c=!0}a+=i,e=!0}++i}if(s&&s.length&&(o={["@media "+s.join(", ")]:o}),!e)continue e}}}(l[a]=l[a]||[]).push([n?"cv":`${e}-${i[e]}`,o,c])}return l},J={},Z=d(),H=(e,s)=>Z(e,()=>(...r)=>{let n=()=>{for(let n of r){let r=R(n="object"==typeof n&&n||{});if(!s.rules.global.cache.has(r)){if(s.rules.global.cache.add(r),"@import"in n){let e=[].indexOf.call(s.sheet.cssRules,s.rules.themed.group)-1;for(let r of[].concat(n["@import"]))r=r.includes('"')||r.includes("'")?r:`"${r}"`,s.sheet.insertRule(`@import ${r};`,e++);delete n["@import"]}I(n,[],[],e,e=>{s.rules.global.apply(e)})}}return""};return x(n,{toString:n})}),K=d(),_=(e,s)=>K(e,()=>r=>{let n=`${w(e.prefix)}k-${R(r)}`,l=()=>{if(!s.rules.global.cache.has(n)){s.rules.global.cache.add(n);let l=[];I(r,[],[],e,e=>l.push(e));let i=`@keyframes ${n}{${l.join("")}}`;s.rules.global.apply(i)}return n};return x(l,{get name(){return l()},toString:l})}),q=class{constructor(e,s,r,n){this.token=null==e?"":String(e),this.value=null==s?"":String(s),this.scale=null==r?"":String(r),this.prefix=null==n?"":String(n)}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+w(this.prefix)+w(this.scale)+this.token}toString(){return this.computedValue}},G=d(),U=(e,s)=>G(e,()=>(r,n)=>{n="object"==typeof r&&r||Object(n);let l=`.${r=(r="string"==typeof r?r:"")||`${w(e.prefix)}t-${R(n)}`}`,i={},o=[];for(let s in n)for(let r in i[s]={},n[s]){let l=`--${w(e.prefix)}${s}-${r}`,t=N(String(n[s][r]),e.prefix,s);i[s][r]=new q(r,t,s,e.prefix),o.push(`${l}:${t}`)}let t=()=>{if(o.length&&!s.rules.themed.cache.has(r)){s.rules.themed.cache.add(r);let l=`${n===e.theme?":root,":""}.${r}{${o.join(";")}}`;s.rules.themed.apply(l)}return r};return{...i,get className(){return t()},selector:l,toString:t}}),X=d(),Q=d(),Y=e=>{let s=(e=>{let s=!1,r=X(e,e=>{s=!0;let r="prefix"in(e="object"==typeof e&&e||{})?String(e.prefix):"",n="object"==typeof e.media&&e.media||{},l="object"==typeof e.root?e.root||null:globalThis.document||null,i="object"==typeof e.theme&&e.theme||{},o={prefix:r,media:n,theme:i,themeMap:"object"==typeof e.themeMap&&e.themeMap||{...a},utils:"object"==typeof e.utils&&e.utils||{}},t=L(l),c={css:V(o,t),globalCss:H(o,t),keyframes:_(o,t),createTheme:U(o,t),reset(){t.reset(),c.theme.toString()},theme:{},sheet:t,config:o,prefix:r,getCssText:t.toString,toString:t.toString};return String(c.theme=c.createTheme(i)),c});return s||r.reset(),r})(e);return s.styled=(({config:e,sheet:s})=>Q(e,()=>{let r=V(e,s);return(...e)=>{let s=r(...e),n=s[h].type,i=l.forwardRef((e,r)=>{let i=e&&e.as||n,{props:o,deferredInjector:t}=s(e);return delete o.as,o.ref=r,t?l.createElement(l.Fragment,null,l.createElement(i,o),l.createElement(t,null)):l.createElement(i,o)});return i.className=s.className,i.displayName=`Styled.${n.displayName||n.name||n}`,i.selector=s.selector,i.toString=()=>s.selector,i[h]=s[h],i}}))(s),s},ee=()=>n||(n=Y()),es=(...e)=>ee().createTheme(...e)}},function(e){e.O(0,[774,585,546,965,580,542,888,179],function(){return e(e.s=1655)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[119],{1655:function(e,s,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/metadata",function(){return r(7227)}])},7227:function(e,s,r){"use strict";r.r(s),r.d(s,{DynamicCode:function(){return h},__toc:function(){return p},default:function(){return y},metadata:function(){return x}});var n=r(2676),l=r(5384),i=r(826),o=r(7104);r(1952);var t=r(7532),a=r(1973),c=r(4384),d=r(3860);function h(e){let{children:s,lang:r}=e,l=Object.assign({pre:"pre",code:"code"},(0,t.a)());return(0,n.jsx)(l.pre,{lang:r,children:(0,n.jsx)(l.code,{lang:r,children:s})})}r(27);let x=[{label:{none:["Alternate Title"]},value:{none:["Volume 7. The Yakima. The Klickitat. Salishan tribes of the interior. The Kutenai"]}},{label:{none:["Contributor"]},value:{none:["Curtis, Edward S., 1868-1952 (Author)","Curtis, Edward S., 1868-1952 (Illustrator)","Curtis, Edward S., 1868-1952 (Publisher)","Hodge, Frederick Webb, 1864-1956 (Editor)","Roosevelt, Theodore, 1858-1919 (Author of introduction, etc.)","Morgan, J. Pierpont (John Pierpont), 1837-1913 (Patron)","John Andrew & Son (Printmaker)","Plimpton Press (Publisher)"]}}],p=[{depth:2,value:"Usage",id:"usage"},{depth:3,value:"React",id:"react"},{depth:2,value:"API Reference",id:"api-reference"},{depth:3,value:"HTML Attributes",id:"html-attributes"},{depth:3,value:"Language",id:"language"},{depth:3,value:"Custom Values",id:"custom-values"},{depth:3,value:"Custom Delimiter",id:"custom-delimiter"}];function k(e){let s=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre",span:"span",h2:"h2",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",strong:"strong"},(0,t.a)(),e.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.h1,{children:"Metadata"}),"\n",(0,n.jsxs)(s.p,{children:["An ordered list of descriptions to be displayed to the user when they interact with the resource, given as pairs of human readable ",(0,n.jsx)(s.code,{children:"label"})," and ",(0,n.jsx)(s.code,{children:"value"})," entries."]}),"\n",(0,n.jsx)(a.Z,{href:"https://iiif.io/api/presentation/3.0/#metadata",text:["metadata"]}),"\n",(0,n.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,n.jsx)(d.OK,{children:(0,n.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Metadata"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Creator"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Fava, Antonio, 1949-"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Date"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"2012"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,n.jsx)(d.OK,{children:(0,n.jsx)(c.SF,{metadata:[{label:{none:["Creator"]},value:{none:["Fava, Antonio, 1949-"]}},{label:{none:["Date"]},value:{none:["2012"]}}]})}),(0,n.jsx)(d.OK,{children:(0,n.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dl"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"group"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"data-label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"creator"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dt"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">Creator"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dd"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">Fava, Antonio, 1949-"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"group"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"data-label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"date"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dt"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">Date"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dd"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">2012"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,n.jsx)(s.h2,{id:"usage",children:"Usage"}),"\n",(0,n.jsx)(s.h3,{id:"react",children:"React"}),"\n",(0,n.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { Metadata } "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/primitives"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"CustomMetadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ({ metadata }) "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{metadata} />;"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" CustomMetadata;"})]})]})}),"\n",(0,n.jsx)(s.h2,{id:"api-reference",children:"API Reference"}),"\n",(0,n.jsxs)(s.table,{children:[(0,n.jsx)(s.thead,{children:(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.th,{children:"Prop"}),(0,n.jsx)(s.th,{children:"Type"}),(0,n.jsx)(s.th,{children:"Default"}),(0,n.jsx)(s.th,{children:"Required"})]})}),(0,n.jsxs)(s.tbody,{children:[(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"as"})}),(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"dl"})}),(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"dl"})}),(0,n.jsx)(s.td,{children:"--"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"metadata"})}),(0,n.jsx)(s.td,{children:(0,n.jsx)(s.a,{href:"https://iiif.io/api/presentation/3.0/#metadata",children:"metadata"})}),(0,n.jsx)(s.td,{children:"--"}),(0,n.jsx)(s.td,{children:(0,n.jsx)(s.strong,{children:"Yes"})})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"customValueContent"})}),(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"PrimitivesCustomValueContent[]"})}),(0,n.jsx)(s.td,{children:"--"}),(0,n.jsx)(s.td,{children:"--"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"customValueDelimiter"})}),(0,n.jsx)(s.td,{children:"string?"}),(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:","})}),(0,n.jsx)(s.td,{children:"--"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"className"})}),(0,n.jsxs)(s.td,{children:[(0,n.jsx)(s.code,{children:"string"}),", ",(0,n.jsx)(s.code,{children:"undefined"})]}),(0,n.jsx)(s.td,{children:"--"}),(0,n.jsx)(s.td,{children:"--"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"style"})}),(0,n.jsxs)(s.td,{children:[(0,n.jsx)(s.code,{children:"CSSProperties"}),", ",(0,n.jsx)(s.code,{children:"undefined"})]}),(0,n.jsx)(s.td,{children:"--"}),(0,n.jsx)(s.td,{children:"--"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"lang"})}),(0,n.jsxs)(s.td,{children:[(0,n.jsx)(s.code,{children:"string"}),", ",(0,n.jsx)(s.code,{children:"undefined"})]}),(0,n.jsx)(s.td,{children:"--"}),(0,n.jsx)(s.td,{children:"--"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"title"})}),(0,n.jsxs)(s.td,{children:[(0,n.jsx)(s.code,{children:"string"}),", ",(0,n.jsx)(s.code,{children:"undefined"})]}),(0,n.jsx)(s.td,{children:"--"}),(0,n.jsx)(s.td,{children:"--"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"data-*"})}),(0,n.jsxs)(s.td,{children:[(0,n.jsx)(s.code,{children:"string"}),", ",(0,n.jsx)(s.code,{children:"undefined"})]}),(0,n.jsx)(s.td,{children:"--"}),(0,n.jsx)(s.td,{children:"--"})]}),(0,n.jsxs)(s.tr,{children:[(0,n.jsx)(s.td,{children:(0,n.jsx)(s.code,{children:"aria-*"})}),(0,n.jsxs)(s.td,{children:[(0,n.jsx)(s.code,{children:"AriaAttributes"}),", ",(0,n.jsx)(s.code,{children:"undefined"})]}),(0,n.jsx)(s.td,{children:"--"}),(0,n.jsx)(s.td,{children:"--"})]})]})]}),"\n",(0,n.jsx)(s.h3,{id:"html-attributes",children:"HTML Attributes"}),"\n",(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.code,{children:"Metadata"}),", like all Clover IIIF primitives accept common ",(0,n.jsx)(s.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement",children:"HTMLElement"})," attributes. Use the JSX style ",(0,n.jsx)(s.code,{children:"className"})," prop to add custom classes. The same attribute methodology can be used for ",(0,n.jsx)(s.code,{children:"id"}),", ",(0,n.jsx)(s.code,{children:"style"}),", ",(0,n.jsx)(s.code,{children:"title"}),", ",(0,n.jsx)(s.code,{children:"data-*"}),", and ",(0,n.jsx)(s.code,{children:"aria-*"})," props."]}),"\n",(0,n.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,n.jsx)(d.OK,{children:(0,n.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Metadata"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Creator"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Fava, Antonio, 1949-"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Date"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"2012"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"style"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{ color"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"red"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,n.jsx)(d.OK,{children:(0,n.jsx)(c.SF,{metadata:[{label:{none:["Creator"]},value:{none:["Fava, Antonio, 1949-"]}},{label:{none:["Date"]},value:{none:["2012"]}}],style:{color:"red"}})}),(0,n.jsx)(d.OK,{children:(0,n.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dl"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"style"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"color: red;"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"group"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"data-label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"creator"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dt"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">Creator"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dd"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">Fava, Antonio, 1949-"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"group"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"data-label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"date"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dt"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">Date"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dd"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">2012"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,n.jsx)(s.h3,{id:"language",children:"Language"}),"\n",(0,n.jsxs)(s.p,{children:["Additional to being rendered to the DOM like other attributes, the value of ",(0,n.jsx)(s.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/lang",children:(0,n.jsx)(s.code,{children:"lang"})})," will couple with ",(0,n.jsx)(s.a,{href:"https://github.com/IIIF-Commons/presentation-3-types/blob/main/iiif/descriptive.d.ts#L6-L8",children:"InternationalString"})," props to output the denoted ",(0,n.jsx)(s.code,{children:"label"}),", ",(0,n.jsx)(s.code,{children:"value"}),", ",(0,n.jsx)(s.code,{children:"summary"})," entries. If ",(0,n.jsx)(s.code,{children:"lang"})," is undefined, entries will default to the first entry in the array index. The value of ",(0,n.jsx)(s.code,{children:"lang"})," should be a two letter ",(0,n.jsx)(s.a,{href:"https://datatracker.ietf.org/doc/html/rfc5646",children:"BCP 47"})," language code."]}),"\n",(0,n.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,n.jsx)(d.OK,{children:(0,n.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Metadata"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Associated"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" de"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Beteiligte"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Jan Brueghel the Elder"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" de"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Jan (der \xc4ltere) Brueghel"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Technique"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" de"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Technik"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Oil"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"copper"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" de"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"\xd6l"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Kupfer"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"de"'})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,n.jsx)(d.OK,{children:(0,n.jsx)(c.SF,{metadata:[{label:{en:["Associated"],de:["Beteiligte"]},value:{en:["Jan Brueghel the Elder"],de:["Jan (der \xc4ltere) Brueghel"]}},{label:{en:["Technique"],de:["Technik"]},value:{en:["Oil","copper"],de:["\xd6l","Kupfer"]}}],lang:"de"})}),(0,n.jsx)(d.OK,{children:(0,n.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dl"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"de"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"group"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"data-label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"associated"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dt"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"de"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Beteiligte"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dd"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"de"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Jan (der \xc4ltere) Brueghel"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"group"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"data-label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"technique"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dt"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"de"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Technik"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dd"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"de"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" \xd6l, Kupfer"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,n.jsx)(s.h3,{id:"custom-values",children:"Custom Values"}),"\n",(0,n.jsxs)(s.p,{children:["If a consuming application requires rendering specific ",(0,n.jsx)(s.code,{children:"metadata"})," item ",(0,n.jsx)(s.code,{children:"values"})," in a custom pattern, the ",(0,n.jsx)(s.code,{children:"customValueContent"})," prop can be used. The pattern requires ",(0,n.jsx)(s.code,{children:"matchingLabel"})," following ",(0,n.jsx)(s.a,{href:"https://iiif.io/api/presentation/3.0/#label",children:"https://iiif.io/api/presentation/3.0/#label"})," and ",(0,n.jsx)(s.code,{children:"Content"})," as a ",(0,n.jsx)(s.code,{children:"ReactElement"})," carrying ",(0,n.jsx)(s.code,{children:"props"}),". The element set for ",(0,n.jsx)(s.code,{children:"Content"})," must map ",(0,n.jsx)(s.code,{children:"props.value"})," to the appropriate code in the custom pattern."]}),"\n",(0,n.jsxs)(s.p,{children:["In the example below, the value of ",(0,n.jsx)(s.strong,{children:"Pantaloon"})," with a matching ",(0,n.jsx)(s.code,{children:"label"})," of ",(0,n.jsx)(s.code,{children:'{ none: ["Subject"] }'})," would be rendered as ",(0,n.jsx)(s.code,{children:'
Pantaloon
'}),", while the ",(0,n.jsx)(s.code,{children:"value"})," entry of ",(0,n.jsx)(s.strong,{children:"comic masks"})," would render simply as ",(0,n.jsx)(s.code,{children:"
comic masks
"}),"."]}),"\n",(0,n.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Genre"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"comic masks"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Subject"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Pantaloon"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"];"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"CustomValueSubject"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" (props) "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"encodeURI"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"("}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"`https://example.org/?subject="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"${"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"props"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".value"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"}"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"`"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:")}>"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"props"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".value}"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:");"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"customValueContent"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" matchingLabel"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Subject"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Content"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"CustomValueSubject"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"];"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{metadata} "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"customValueContent"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{customValueContent} />;"})]})]})}),"\n",(0,n.jsx)(s.h3,{id:"custom-delimiter",children:"Custom Delimiter"}),"\n",(0,n.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,n.jsx)(d.OK,{children:(0,n.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Metadata"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"metadata"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Subject"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Masks"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Commedia dell\'arte"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Italian drama (Comedy)"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Zanni (Fictitious character)"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"customValueDelimiter"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"
"'})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,n.jsx)(d.OK,{children:(0,n.jsx)(c.SF,{metadata:[{label:{none:["Subject"]},value:{none:["Masks","Commedia dell'arte","Italian drama (Comedy)","Zanni (Fictitious character)"]}}],customValueDelimiter:"
"})}),(0,n.jsx)(d.OK,{children:(0,n.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,n.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dl"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"group"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"data-label"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"subject"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dt"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">Subject"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dd"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Masks<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"br"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Commedia dell'arte<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"br"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Italian drama (Comedy)<"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"br"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Zanni (Fictitious character)"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]})]})}let j={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:s}=Object.assign({},(0,t.a)(),e.components);return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(k,{...e})}):k(e)},pageOpts:{filePath:"pages/docs/metadata.mdx",route:"/docs/metadata",frontMatter:{title:"Metadata"},timestamp:1732573097e3,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Metadata",headings:p},pageNextRoute:"/docs/metadata",nextraLayout:i.ZP,themeConfig:o.Z};var y=(0,l.j)(j)},1973:function(e,s,r){"use strict";var n=r(2676),l=r(5318),i=r.n(l);r(5271);var o=r(8158);let t=()=>{let e="#ed1d33",s="#2873ab";return(0,n.jsxs)("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1",style:{height:"1rem"},children:[(0,n.jsx)("title",{children:"IIIF Logo"}),(0,n.jsx)("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)",children:(0,n.jsxs)("g",{transform:"scale(0.1)",children:[(0,n.jsx)("path",{style:{fill:s},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),(0,n.jsx)("path",{style:{fill:s},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),(0,n.jsx)("path",{style:{fill:e},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),(0,n.jsx)("path",{style:{fill:e},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),(0,n.jsx)("path",{style:{fill:s},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),(0,n.jsx)("path",{style:{fill:s},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),(0,n.jsx)("path",{style:{fill:e},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"})]})})]})},a=(0,o.zo)(i(),{display:"inline-flex",flexDirection:"column",textDecoration:"none",alignItems:"center",padding:"0.5rem 0"}),c=(0,o.zo)("span",{display:"inline-flex",alignItems:"center",justifyContent:"center"});s.Z=e=>{let{children:s,href:r,text:l=["Presentation API"]}=e;return(0,n.jsx)(a,{href:r,target:"_blank",className:"nx-flex-col",children:(0,n.jsxs)(c,{className:"nx-gap-2 nx-h-7 nx-rounded-md nx-px-2 nx-text-left nx-text-sm nx-font-medium nx-text-gray-600 nx-transition-colors dark:nx-text-gray-400 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",children:[(0,n.jsx)(t,{})," ",l.join(" or ")," ↗"]})})}},8158:function(e,s,r){"use strict";r.d(s,{BC:function(){return l},F4:function(){return t},zo:function(){return i}});var n=r(1028);let l={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:i,css:o,keyframes:t,createTheme:a}=(0,n.Th)({theme:{colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"hsl(".concat(209," 100% 38.2%)"),accentMuted:"hsl(".concat(209," 80% 61.8%)"),accentAlt:"hsl(".concat(209," 80% 30%)"),secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},media:l})},7104:function(e,s,r){"use strict";r.d(s,{Z:function(){return k}});var n=r(2676),l=r(2936),i=r.n(l),o=r(5271);let t={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},a=["Scroll"];var c=e=>{let{title:s}=e;return a.includes(s)?(0,n.jsxs)("span",{children:[s,(0,n.jsx)("span",{style:t,children:"Beta"})]}):(0,n.jsx)("span",{children:s})},d=r(826),h=r(9205);let x="Clover IIIF",p="Showcase IIIF Manifests as interoperable web content.";var k={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),s=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(x):"".concat(x," – ").concat(p),r=e.frontMatter.description?e.frontMatter.description:p,{route:n}=(0,h.useRouter)(),l=(0,o.useMemo)(()=>new URL(n.endsWith("/")?n:"".concat(n,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[n]);return{defaultTitle:"".concat(x," - ").concat(p),title:s,description:r,canonical:l,openGraph:{url:l,title:s,siteName:"".concat(x," - ").concat(p),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,n.jsx)(()=>(0,n.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,n.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,n.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,n.jsx)(i(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,n.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){},1028:function(e,s,r){"use strict";r.d(s,{Th:function(){return Y},jG:function(){return es}});var n,l=r(5271),i="colors",o="sizes",t="space",a={gap:t,gridGap:t,columnGap:t,gridColumnGap:t,rowGap:t,gridRowGap:t,inset:t,insetBlock:t,insetBlockEnd:t,insetBlockStart:t,insetInline:t,insetInlineEnd:t,insetInlineStart:t,margin:t,marginTop:t,marginRight:t,marginBottom:t,marginLeft:t,marginBlock:t,marginBlockEnd:t,marginBlockStart:t,marginInline:t,marginInlineEnd:t,marginInlineStart:t,padding:t,paddingTop:t,paddingRight:t,paddingBottom:t,paddingLeft:t,paddingBlock:t,paddingBlockEnd:t,paddingBlockStart:t,paddingInline:t,paddingInlineEnd:t,paddingInlineStart:t,top:t,right:t,bottom:t,left:t,scrollMargin:t,scrollMarginTop:t,scrollMarginRight:t,scrollMarginBottom:t,scrollMarginLeft:t,scrollMarginX:t,scrollMarginY:t,scrollMarginBlock:t,scrollMarginBlockEnd:t,scrollMarginBlockStart:t,scrollMarginInline:t,scrollMarginInlineEnd:t,scrollMarginInlineStart:t,scrollPadding:t,scrollPaddingTop:t,scrollPaddingRight:t,scrollPaddingBottom:t,scrollPaddingLeft:t,scrollPaddingX:t,scrollPaddingY:t,scrollPaddingBlock:t,scrollPaddingBlockEnd:t,scrollPaddingBlockStart:t,scrollPaddingInline:t,scrollPaddingInlineEnd:t,scrollPaddingInlineStart:t,fontSize:"fontSizes",background:i,backgroundColor:i,backgroundImage:i,borderImage:i,border:i,borderBlock:i,borderBlockEnd:i,borderBlockStart:i,borderBottom:i,borderBottomColor:i,borderColor:i,borderInline:i,borderInlineEnd:i,borderInlineStart:i,borderLeft:i,borderLeftColor:i,borderRight:i,borderRightColor:i,borderTop:i,borderTopColor:i,caretColor:i,color:i,columnRuleColor:i,fill:i,outline:i,outlineColor:i,stroke:i,textDecorationColor:i,fontFamily:"fonts",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",blockSize:o,minBlockSize:o,maxBlockSize:o,inlineSize:o,minInlineSize:o,maxInlineSize:o,width:o,minWidth:o,maxWidth:o,height:o,minHeight:o,maxHeight:o,flexBasis:o,gridTemplateColumns:o,gridTemplateRows:o,borderWidth:"borderWidths",borderTopWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderLeftWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",transition:"transitions",zIndex:"zIndices"},c=(e,s)=>"function"==typeof s?{"()":Function.prototype.toString.call(s)}:s,d=()=>{let e=Object.create(null);return(s,r,...n)=>{let l=JSON.stringify(s,c);return l in e?e[l]:e[l]=r(s,...n)}},h=Symbol.for("sxs.internal"),x=(e,s)=>Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)),p=e=>{for(let s in e)return!0;return!1},{hasOwnProperty:k}=Object.prototype,j=e=>e.includes("-")?e:e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase()),y=/\s+(?![^()]*\))/,v=e=>s=>e(..."string"==typeof s?String(s).split(y):[s]),u={appearance:e=>({WebkitAppearance:e,appearance:e}),backfaceVisibility:e=>({WebkitBackfaceVisibility:e,backfaceVisibility:e}),backdropFilter:e=>({WebkitBackdropFilter:e,backdropFilter:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),boxDecorationBreak:e=>({WebkitBoxDecorationBreak:e,boxDecorationBreak:e}),clipPath:e=>({WebkitClipPath:e,clipPath:e}),content:e=>({content:e.includes('"')||e.includes("'")||/^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e)?e:`"${e}"`}),hyphens:e=>({WebkitHyphens:e,hyphens:e}),maskImage:e=>({WebkitMaskImage:e,maskImage:e}),maskSize:e=>({WebkitMaskSize:e,maskSize:e}),tabSize:e=>({MozTabSize:e,tabSize:e}),textSizeAdjust:e=>({WebkitTextSizeAdjust:e,textSizeAdjust:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),marginBlock:v((e,s)=>({marginBlockStart:e,marginBlockEnd:s||e})),marginInline:v((e,s)=>({marginInlineStart:e,marginInlineEnd:s||e})),maxSize:v((e,s)=>({maxBlockSize:e,maxInlineSize:s||e})),minSize:v((e,s)=>({minBlockSize:e,minInlineSize:s||e})),paddingBlock:v((e,s)=>({paddingBlockStart:e,paddingBlockEnd:s||e})),paddingInline:v((e,s)=>({paddingInlineStart:e,paddingInlineEnd:s||e}))},m=/([\d.]+)([^]*)/,g=(e,s)=>e.length?e.reduce((e,r)=>(e.push(...s.map(e=>e.includes("&")?e.replace(/&/g,/[ +>|~]/.test(r)&&/&.*&/.test(e)?`:is(${r})`:r):r+" "+e)),e),[]):s,f=(e,s)=>e in b&&"string"==typeof s?s.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/,(s,r,n,l)=>r+("stretch"===n?`-moz-available${l};${j(e)}:${r}-webkit-fill-available`:`-moz-fit-content${l};${j(e)}:${r}fit-content`)+l):String(s),b={blockSize:1,height:1,inlineSize:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,width:1},w=e=>e?e+"-":"",N=(e,s,r)=>e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g,(e,n,l,i,o)=>"$"==i==!!l?e:(n||"--"==i?"calc(":"")+"var(--"+("$"===i?w(s)+(o.includes("$")?"":w(r))+o.replace(/\$/g,"-"):o)+")"+(n||"--"==i?"*"+(n||"")+(l||"1")+")":"")),S=/\s*,\s*(?![^()]*\))/,M=Object.prototype.toString,I=(e,s,r,n,l)=>{let i,o,t;let a=(e,s,r)=>{let c,d;let h=e=>{var x;for(c in e){let p=64===c.charCodeAt(0);for(d of p&&Array.isArray(e[c])?e[c]:[e[c]]){let e=/[A-Z]/.test(x=c)?x:x.replace(/-[^]/g,e=>e[1].toUpperCase()),k="object"==typeof d&&d&&d.toString===M&&(!n.utils[e]||!s.length);if(e in n.utils&&!k){let s=n.utils[e];if(s!==o){o=s,h(s(d)),o=null;continue}}else if(e in u){let s=u[e];if(s!==t){t=s,h(s(d)),t=null;continue}}if(p&&(c=(c.slice(1) in n.media?"@media "+n.media[c.slice(1)]:c).replace(/\(\s*([\w-]+)\s*(=|<|<=|>|>=)\s*([\w-]+)\s*(?:(<|<=|>|>=)\s*([\w-]+)\s*)?\)/g,(e,s,r,n,l,i)=>{let o=m.test(s),t=.0625*(o?-1:1),[a,c]=o?[n,s]:[s,n];return"("+("="===r[0]?"":">"===r[0]===o?"max-":"min-")+a+":"+("="!==r[0]&&1===r.length?c.replace(m,(e,s,n)=>Number(s)+t*(">"===r?1:-1)+n):c)+(l?") and ("+(">"===l[0]?"min-":"max-")+a+":"+(1===l.length?i.replace(m,(e,s,r)=>Number(s)+t*(">"===l?-1:1)+r):i):"")+")"})),k){let e=p?r.concat(c):[...r],n=p?[...s]:g(s,c.split(S));void 0!==i&&l(P(...i)),i=void 0,a(d,n,e)}else void 0===i&&(i=[[],s,r]),c=p||36!==c.charCodeAt(0)?c:`--${w(n.prefix)}${c.slice(1).replace(/\$/g,"-")}`,d=k?d:"number"==typeof d?d&&e in C?String(d)+"px":String(d):N(f(e,null==d?"":d),n.prefix,n.themeMap[e]),i[0].push(`${p?`${c} `:`${j(c)}:`}${d}`)}}};h(e),void 0!==i&&l(P(...i)),i=void 0};a(e,s,r)},P=(e,s,r)=>`${r.map(e=>`${e}{`).join("")}${s.length?`${s.join(",")}{`:""}${e.join(";")}${s.length?"}":""}${Array(r.length?r.length+1:0).join("}")}`,C={animationDelay:1,animationDuration:1,backgroundSize:1,blockSize:1,border:1,borderBlock:1,borderBlockEnd:1,borderBlockEndWidth:1,borderBlockStart:1,borderBlockStartWidth:1,borderBlockWidth:1,borderBottom:1,borderBottomLeftRadius:1,borderBottomRightRadius:1,borderBottomWidth:1,borderEndEndRadius:1,borderEndStartRadius:1,borderInlineEnd:1,borderInlineEndWidth:1,borderInlineStart:1,borderInlineStartWidth:1,borderInlineWidth:1,borderLeft:1,borderLeftWidth:1,borderRadius:1,borderRight:1,borderRightWidth:1,borderSpacing:1,borderStartEndRadius:1,borderStartStartRadius:1,borderTop:1,borderTopLeftRadius:1,borderTopRightRadius:1,borderTopWidth:1,borderWidth:1,bottom:1,columnGap:1,columnRule:1,columnRuleWidth:1,columnWidth:1,containIntrinsicSize:1,flexBasis:1,fontSize:1,gap:1,gridAutoColumns:1,gridAutoRows:1,gridTemplateColumns:1,gridTemplateRows:1,height:1,inlineSize:1,inset:1,insetBlock:1,insetBlockEnd:1,insetBlockStart:1,insetInline:1,insetInlineEnd:1,insetInlineStart:1,left:1,letterSpacing:1,margin:1,marginBlock:1,marginBlockEnd:1,marginBlockStart:1,marginBottom:1,marginInline:1,marginInlineEnd:1,marginInlineStart:1,marginLeft:1,marginRight:1,marginTop:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,offsetDistance:1,offsetRotate:1,outline:1,outlineOffset:1,outlineWidth:1,overflowClipMargin:1,padding:1,paddingBlock:1,paddingBlockEnd:1,paddingBlockStart:1,paddingBottom:1,paddingInline:1,paddingInlineEnd:1,paddingInlineStart:1,paddingLeft:1,paddingRight:1,paddingTop:1,perspective:1,right:1,rowGap:1,scrollMargin:1,scrollMarginBlock:1,scrollMarginBlockEnd:1,scrollMarginBlockStart:1,scrollMarginBottom:1,scrollMarginInline:1,scrollMarginInlineEnd:1,scrollMarginInlineStart:1,scrollMarginLeft:1,scrollMarginRight:1,scrollMarginTop:1,scrollPadding:1,scrollPaddingBlock:1,scrollPaddingBlockEnd:1,scrollPaddingBlockStart:1,scrollPaddingBottom:1,scrollPaddingInline:1,scrollPaddingInlineEnd:1,scrollPaddingInlineStart:1,scrollPaddingLeft:1,scrollPaddingRight:1,scrollPaddingTop:1,shapeMargin:1,textDecoration:1,textDecorationThickness:1,textIndent:1,textUnderlineOffset:1,top:1,transitionDelay:1,transitionDuration:1,verticalAlign:1,width:1,wordSpacing:1},B=e=>String.fromCharCode(e+(e>25?39:97)),R=e=>(e=>{let s,r="";for(s=Math.abs(e);s>52;s=s/52|0)r=B(s%52)+r;return B(s%52)+r})(((e,s)=>{let r=s.length;for(;r;)e=33*e^s.charCodeAt(--r);return e})(5381,JSON.stringify(e))>>>0),$=["themed","global","styled","onevar","resonevar","allvar","inline"],T=e=>{if(e.href&&!e.href.startsWith(location.origin))return!1;try{return!!e.cssRules}catch(e){return!1}},L=e=>{let s;let r=()=>{let{cssRules:e}=s.sheet;return[].map.call(e,(r,n)=>{let{cssText:l}=r,i="";if(l.startsWith("--sxs"))return"";if(e[n-1]&&(i=e[n-1].cssText).startsWith("--sxs")){if(!r.cssRules.length)return"";for(let e in s.rules)if(s.rules[e].group===r)return`--sxs{--sxs:${[...s.rules[e].cache].join(" ")}}${l}`;return r.cssRules.length?`${i}${l}`:""}return l}).join("")},n=()=>{if(s){let{rules:e,sheet:r}=s;if(!r.deleteRule){for(;3===Object(Object(r.cssRules)[0]).type;)r.cssRules.splice(0,1);r.cssRules=[]}for(let s in e)delete e[s]}for(let l of Object(e).styleSheets||[])if(T(l)){for(let e=0,i=l.cssRules;i[e];++e){let o=Object(i[e]);if(1!==o.type)continue;let t=Object(i[e+1]);if(4!==t.type)continue;++e;let{cssText:a}=o;if(!a.startsWith("--sxs"))continue;let c=a.slice(14,-3).trim().split(/\s+/),d=$[c[0]];d&&(s||(s={sheet:l,reset:n,rules:{},toString:r}),s.rules[d]={group:t,index:e,cache:new Set(c)})}if(s)break}if(!s){let l=(e,s)=>({type:s,cssRules:[],insertRule(e,s){this.cssRules.splice(s,0,l(e,{import:3,undefined:1}[(e.toLowerCase().match(/^@([a-z]+)/)||[])[1]]||4))},get cssText(){return"@media{}"===e?`@media{${[].map.call(this.cssRules,e=>e.cssText).join("")}}`:e}});s={sheet:e?(e.head||e).appendChild(document.createElement("style")).sheet:l("","text/css"),rules:{},reset:n,toString:r}}let{sheet:l,rules:i}=s;for(let e=$.length-1;e>=0;--e){let s=$[e];if(!i[s]){let r=$[e+1],n=i[r]?i[r].index:l.cssRules.length;l.insertRule("@media{}",n),l.insertRule(`--sxs{--sxs:${e}}`,n),i[s]={group:l.cssRules[n+1],index:n,cache:new Set([e])}}z(i[s])}};return n(),s},z=e=>{let s=e.group,r=s.cssRules.length;e.apply=e=>{try{s.insertRule(e,r),++r}catch(e){}}},E=Symbol(),W=d(),V=(e,s)=>W(e,()=>(...r)=>{let n={type:null,composers:new Set};for(let s of r)if(null!=s){if(s[h])for(let e of(null==n.type&&(n.type=s[h].type),s[h].composers))n.composers.add(e);else s.constructor!==Object||s.$$typeof?null==n.type&&(n.type=s):n.composers.add(A(s,e))}return null==n.type&&(n.type="span"),n.composers.size||n.composers.add(["PJLV",{},[],[],{},[]]),O(e,n,s)}),A=({variants:e,compoundVariants:s,defaultVariants:r,...n},l)=>{let i=`${w(l.prefix)}c-${R(n)}`,o=[],t=[],a=Object.create(null),c=[];for(let e in r)a[e]=String(r[e]);if("object"==typeof e&&e)for(let s in e){k.call(a,s)||(a[s]="undefined");let r=e[s];for(let e in r){let n={[s]:String(e)};"undefined"===String(e)&&c.push(s);let l=r[e],i=[n,l,!p(l)];o.push(i)}}if("object"==typeof s&&s)for(let e of s){let{css:s,...r}=e;for(let e in s="object"==typeof s&&s||{},r)r[e]=String(r[e]);let n=[r,s,!p(s)];t.push(n)}return[i,n,o,t,a,c]},O=(e,s,r)=>{let[n,l,i,o]=F(s.composers),t="function"==typeof s.type||s.type.$$typeof?(e=>{function s(){for(let r=0;rs.rules[e]={apply:r=>s[E].push([e,r])}),s})(r):null,a=(t||r).rules,c=`.${n}${l.length>1?`:where(.${l.slice(1).join(".")})`:""}`,d=d=>{let{css:h,...x}=d="object"==typeof d&&d||J,p={};for(let e in i)if(delete x[e],e in d){let s=d[e];"object"==typeof s&&s?p[e]={"@initial":i[e],...s}:(s=String(s),p[e]="undefined"!==s||o.has(e)?s:i[e])}else p[e]=i[e];let k=new Set([...l]);for(let[n,l,i,o]of s.composers){r.rules.styled.cache.has(n)||(r.rules.styled.cache.add(n),I(l,[`.${n}`],[],e,e=>{a.styled.apply(e)}));let s=D(i,p,e.media),t=D(o,p,e.media,!0);for(let l of s)if(void 0!==l)for(let[s,i,o]of l){let l=`${n}-${R(i)}-${s}`;k.add(l);let t=(o?r.rules.resonevar:r.rules.onevar).cache,c=o?a.resonevar:a.onevar;t.has(l)||(t.add(l),I(i,[`.${l}`],[],e,e=>{c.apply(e)}))}for(let s of t)if(void 0!==s)for(let[l,i]of s){let s=`${n}-${R(i)}-${l}`;k.add(s),r.rules.allvar.cache.has(s)||(r.rules.allvar.cache.add(s),I(i,[`.${s}`],[],e,e=>{a.allvar.apply(e)}))}}if("object"==typeof h&&h){let s=`${n}-i${R(h)}-css`;k.add(s),r.rules.inline.cache.has(s)||(r.rules.inline.cache.add(s),I(h,[`.${s}`],[],e,e=>{a.inline.apply(e)}))}for(let e of String(d.className||"").trim().split(/\s+/))e&&k.add(e);let j=x.className=[...k].join(" ");return{type:s.type,className:j,selector:c,props:x,toString:()=>j,deferredInjector:t}};return x(d,{className:n,selector:c,[h]:s,toString:()=>(r.rules.styled.cache.has(n)||d(),n)})},F=e=>{let s="",r=[],n={},l=[];for(let[i,,,,o,t]of e)for(let e in""===s&&(s=i),r.push(i),l.push(...t),o){let s=o[e];(void 0===n[e]||"undefined"!==s||t.includes(s))&&(n[e]=s)}return[s,r,n,new Set(l)]},D=(e,s,r,n)=>{let l=[];e:for(let[i,o,t]of e){if(t)continue;let e,a=0,c=!1;for(e in i){let n=i[e],l=s[e];if(l!==n){if("object"!=typeof l||!l)continue e;{let e,s,i=0;for(let o in l){if(n===String(l[o])){if("@initial"!==o){let e=o.slice(1);(s=s||[]).push(e in r?r[e]:o.replace(/^@media ?/,"")),c=!0}a+=i,e=!0}++i}if(s&&s.length&&(o={["@media "+s.join(", ")]:o}),!e)continue e}}}(l[a]=l[a]||[]).push([n?"cv":`${e}-${i[e]}`,o,c])}return l},J={},Z=d(),H=(e,s)=>Z(e,()=>(...r)=>{let n=()=>{for(let n of r){let r=R(n="object"==typeof n&&n||{});if(!s.rules.global.cache.has(r)){if(s.rules.global.cache.add(r),"@import"in n){let e=[].indexOf.call(s.sheet.cssRules,s.rules.themed.group)-1;for(let r of[].concat(n["@import"]))r=r.includes('"')||r.includes("'")?r:`"${r}"`,s.sheet.insertRule(`@import ${r};`,e++);delete n["@import"]}I(n,[],[],e,e=>{s.rules.global.apply(e)})}}return""};return x(n,{toString:n})}),K=d(),_=(e,s)=>K(e,()=>r=>{let n=`${w(e.prefix)}k-${R(r)}`,l=()=>{if(!s.rules.global.cache.has(n)){s.rules.global.cache.add(n);let l=[];I(r,[],[],e,e=>l.push(e));let i=`@keyframes ${n}{${l.join("")}}`;s.rules.global.apply(i)}return n};return x(l,{get name(){return l()},toString:l})}),q=class{constructor(e,s,r,n){this.token=null==e?"":String(e),this.value=null==s?"":String(s),this.scale=null==r?"":String(r),this.prefix=null==n?"":String(n)}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+w(this.prefix)+w(this.scale)+this.token}toString(){return this.computedValue}},G=d(),U=(e,s)=>G(e,()=>(r,n)=>{n="object"==typeof r&&r||Object(n);let l=`.${r=(r="string"==typeof r?r:"")||`${w(e.prefix)}t-${R(n)}`}`,i={},o=[];for(let s in n)for(let r in i[s]={},n[s]){let l=`--${w(e.prefix)}${s}-${r}`,t=N(String(n[s][r]),e.prefix,s);i[s][r]=new q(r,t,s,e.prefix),o.push(`${l}:${t}`)}let t=()=>{if(o.length&&!s.rules.themed.cache.has(r)){s.rules.themed.cache.add(r);let l=`${n===e.theme?":root,":""}.${r}{${o.join(";")}}`;s.rules.themed.apply(l)}return r};return{...i,get className(){return t()},selector:l,toString:t}}),X=d(),Q=d(),Y=e=>{let s=(e=>{let s=!1,r=X(e,e=>{s=!0;let r="prefix"in(e="object"==typeof e&&e||{})?String(e.prefix):"",n="object"==typeof e.media&&e.media||{},l="object"==typeof e.root?e.root||null:globalThis.document||null,i="object"==typeof e.theme&&e.theme||{},o={prefix:r,media:n,theme:i,themeMap:"object"==typeof e.themeMap&&e.themeMap||{...a},utils:"object"==typeof e.utils&&e.utils||{}},t=L(l),c={css:V(o,t),globalCss:H(o,t),keyframes:_(o,t),createTheme:U(o,t),reset(){t.reset(),c.theme.toString()},theme:{},sheet:t,config:o,prefix:r,getCssText:t.toString,toString:t.toString};return String(c.theme=c.createTheme(i)),c});return s||r.reset(),r})(e);return s.styled=(({config:e,sheet:s})=>Q(e,()=>{let r=V(e,s);return(...e)=>{let s=r(...e),n=s[h].type,i=l.forwardRef((e,r)=>{let i=e&&e.as||n,{props:o,deferredInjector:t}=s(e);return delete o.as,o.ref=r,t?l.createElement(l.Fragment,null,l.createElement(i,o),l.createElement(t,null)):l.createElement(i,o)});return i.className=s.className,i.displayName=`Styled.${n.displayName||n.name||n}`,i.selector=s.selector,i.toString=()=>s.selector,i[h]=s[h],i}}))(s),s},ee=()=>n||(n=Y()),es=(...e)=>ee().createTheme(...e)}},function(e){e.O(0,[774,585,546,965,580,542,888,179],function(){return e(e.s=1655)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/docs/partOf-14ed83f6959daf1d.js b/_next/static/chunks/pages/docs/partOf-14ed83f6959daf1d.js new file mode 100644 index 00000000..63d70450 --- /dev/null +++ b/_next/static/chunks/pages/docs/partOf-14ed83f6959daf1d.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[63],{6704:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/partOf",function(){return t(1541)}])},1541:function(e,s,t){"use strict";t.r(s),t.d(s,{__toc:function(){return h}});var r=t(2676),i=t(5384),n=t(826),l=t(7104);t(1952);var o=t(7532),a=t(1973),c=t(4384),d=t(3860);let h=[{depth:2,value:"Usage",id:"usage"},{depth:3,value:"React",id:"react"},{depth:2,value:"API Reference",id:"api-reference"},{depth:3,value:"Custom Element",id:"custom-element"}];function p(e){let s=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",h2:"h2",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",strong:"strong"},(0,o.a)(),e.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.h1,{children:"PartOf"}),"\n",(0,r.jsx)(s.p,{children:"A containing resource that includes the resource that has the partOf property."}),"\n",(0,r.jsx)(a.Z,{href:"https://iiif.io/api/presentation/3.0/#partof",text:["partOf"]}),"\n",(0,r.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,r.jsx)(d.OK,{children:(0,r.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"PartOf"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"partOf"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" id"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/collections/c373ecd2-2c45-45f2-9f9e-52dc244870bd?as=iiif"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" type"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Collection"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Commedia dell\'Arte: The Masks of Antonio Fava"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" summary"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"\"The Commedia dell'Arte, the famous improvisational theatre style born in Renaissance Italy, remains a major influence in today's theatre. Antonio Fava is an actor, comedian, author, director, musician, mask maker and Internationally renowned Maestro of Commedia dell'Arte. The masks in this collection are all stored in the Charles Deering McCormick Library of Special Collections. Fava's book The Comic Mask in the Commedia dell'Arte is published by Northwestern University Press.\""}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(c.i1,{partOf:[{id:"https://api.dc.library.northwestern.edu/api/v2/collections/c373ecd2-2c45-45f2-9f9e-52dc244870bd?as=iiif",type:"Collection",label:{none:["Commedia dell'Arte: The Masks of Antonio Fava"]},summary:{none:["The Commedia dell'Arte, the famous improvisational theatre style born in Renaissance Italy, remains a major influence in today's theatre. Antonio Fava is an actor, comedian, author, director, musician, mask maker and Internationally renowned Maestro of Commedia dell'Arte. The masks in this collection are all stored in the Charles Deering McCormick Library of Special Collections. Fava's book The Comic Mask in the Commedia dell'Arte is published by Northwestern University Press."]}}]})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"ul"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"li"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/collections/c373ecd2-2c45-45f2-9f9e-52dc244870bd?as=iiif"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Commedia dell'Arte: The Masks of Antonio Fava"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,r.jsx)(s.h2,{id:"usage",children:"Usage"}),"\n",(0,r.jsx)(s.h3,{id:"react",children:"React"}),"\n",(0,r.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { PartOf } "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/primitives"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:" "}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"CustomPartOf"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ({ partOf }) "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"PartOf"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"partOf"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{partOf} />;"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:" "}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" CustomPartOf;"})]})]})}),"\n",(0,r.jsx)(s.h2,{id:"api-reference",children:"API Reference"}),"\n",(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{children:"Prop"}),(0,r.jsx)(s.th,{children:"Type"}),(0,r.jsx)(s.th,{children:"Default"}),(0,r.jsx)(s.th,{children:"Required"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"as"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"ol"}),", ",(0,r.jsx)(s.code,{children:"ul"})]}),(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"ul"})}),(0,r.jsx)(s.td,{children:"--"})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"partOf"})}),(0,r.jsx)(s.td,{children:(0,r.jsx)(s.a,{href:"https://iiif.io/api/presentation/3.0/#partof",children:"partOf"})}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:(0,r.jsx)(s.strong,{children:"Yes"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"className"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"string"}),", ",(0,r.jsx)(s.code,{children:"undefined"})]}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:"--"})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"style"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"CSSProperties"}),", ",(0,r.jsx)(s.code,{children:"undefined"})]}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:"--"})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"lang"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"string"}),", ",(0,r.jsx)(s.code,{children:"undefined"})]}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:"--"})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"title"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"string"}),", ",(0,r.jsx)(s.code,{children:"undefined"})]}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:"--"})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"data-*"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"string"}),", ",(0,r.jsx)(s.code,{children:"undefined"})]}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:"--"})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"aria-*"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"AriaAttributes"}),", ",(0,r.jsx)(s.code,{children:"undefined"})]}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:"--"})]})]})]}),"\n",(0,r.jsx)(s.h3,{id:"custom-element",children:"Custom Element"}),"\n",(0,r.jsxs)(s.p,{children:["The ",(0,r.jsx)(s.code,{children:"PartOf"})," component can be rendered as either ",(0,r.jsx)(s.code,{children:"ol"})," or ",(0,r.jsx)(s.code,{children:"ul"})," elements. The default is ",(0,r.jsx)(s.code,{children:"ul"}),"."]}),"\n",(0,r.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,r.jsx)(d.OK,{children:(0,r.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"PartOf"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"partOf"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" id"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://digital.lib.utk.edu/assemble/collection/collections/rfta"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" type"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Collection"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { en"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Rising From the Ashes Oral Histories"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" id"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://digital.lib.utk.edu/assemble/collection/collections/rftacuratedart"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" type"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Collection"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Rising from the Ashes: The Chimney Tops 2 Wildfires in Memory and Art"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"as"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"ol"'})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(c.i1,{partOf:[{id:"https://digital.lib.utk.edu/assemble/collection/collections/rfta",type:"Collection",label:{en:["Rising From the Ashes Oral Histories"]}},{id:"https://digital.lib.utk.edu/assemble/collection/collections/rftacuratedart",type:"Collection",label:{en:["Rising from the Ashes: The Chimney Tops 2 Wildfires in Memory and Art"]}}],as:"ol"})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"ol"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"li"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://digital.lib.utk.edu/assemble/collection/collections/rfta"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Rising From the Ashes Oral Histories"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"li"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://digital.lib.utk.edu/assemble/collection/collections/rftacuratedart"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Rising from the Ashes: The Chimney Tops 2 Wildfires in Memory and Art"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]})]})}let x={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:s}=Object.assign({},(0,o.a)(),e.components);return s?(0,r.jsx)(s,{...e,children:(0,r.jsx)(p,{...e})}):p(e)},pageOpts:{filePath:"pages/docs/partOf.mdx",route:"/docs/partOf",frontMatter:{title:"PartOf"},timestamp:1732573097e3,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"PartOf",headings:h},pageNextRoute:"/docs/partOf",nextraLayout:n.ZP,themeConfig:l.Z};s.default=(0,i.j)(x)},1973:function(e,s,t){"use strict";var r=t(2676),i=t(5318),n=t.n(i);t(5271);var l=t(8158);let o=()=>{let e="#ed1d33",s="#2873ab";return(0,r.jsxs)("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1",style:{height:"1rem"},children:[(0,r.jsx)("title",{children:"IIIF Logo"}),(0,r.jsx)("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)",children:(0,r.jsxs)("g",{transform:"scale(0.1)",children:[(0,r.jsx)("path",{style:{fill:s},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),(0,r.jsx)("path",{style:{fill:s},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),(0,r.jsx)("path",{style:{fill:e},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),(0,r.jsx)("path",{style:{fill:e},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),(0,r.jsx)("path",{style:{fill:s},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),(0,r.jsx)("path",{style:{fill:s},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),(0,r.jsx)("path",{style:{fill:e},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"})]})})]})},a=(0,l.zo)(n(),{display:"inline-flex",flexDirection:"column",textDecoration:"none",alignItems:"center",padding:"0.5rem 0"}),c=(0,l.zo)("span",{display:"inline-flex",alignItems:"center",justifyContent:"center"});s.Z=e=>{let{children:s,href:t,text:i=["Presentation API"]}=e;return(0,r.jsx)(a,{href:t,target:"_blank",className:"nx-flex-col",children:(0,r.jsxs)(c,{className:"nx-gap-2 nx-h-7 nx-rounded-md nx-px-2 nx-text-left nx-text-sm nx-font-medium nx-text-gray-600 nx-transition-colors dark:nx-text-gray-400 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",children:[(0,r.jsx)(o,{})," ",i.join(" or ")," ↗"]})})}},8158:function(e,s,t){"use strict";t.d(s,{BC:function(){return i},F4:function(){return o},zo:function(){return n}});var r=t(1028);let i={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:n,css:l,keyframes:o,createTheme:a}=(0,r.Th)({theme:{colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"hsl(".concat(209," 100% 38.2%)"),accentMuted:"hsl(".concat(209," 80% 61.8%)"),accentAlt:"hsl(".concat(209," 80% 30%)"),secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},media:i})},7104:function(e,s,t){"use strict";t.d(s,{Z:function(){return m}});var r=t(2676),i=t(2936),n=t.n(i),l=t(5271);let o={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},a=["Scroll"];var c=e=>{let{title:s}=e;return a.includes(s)?(0,r.jsxs)("span",{children:[s,(0,r.jsx)("span",{style:o,children:"Beta"})]}):(0,r.jsx)("span",{children:s})},d=t(826),h=t(9205);let p="Clover IIIF",x="Showcase IIIF Manifests as interoperable web content.";var m={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),s=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(p):"".concat(p," – ").concat(x),t=e.frontMatter.description?e.frontMatter.description:x,{route:r}=(0,h.useRouter)(),i=(0,l.useMemo)(()=>new URL(r.endsWith("/")?r:"".concat(r,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[r]);return{defaultTitle:"".concat(p," - ").concat(x),title:s,description:t,canonical:i,openGraph:{url:i,title:s,siteName:"".concat(p," - ").concat(x),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,r.jsx)(()=>(0,r.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,r.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,r.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,r.jsx)(n(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,r.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){},1028:function(e,s,t){"use strict";t.d(s,{Th:function(){return Q},jG:function(){return es}});var r,i=t(5271),n="colors",l="sizes",o="space",a={gap:o,gridGap:o,columnGap:o,gridColumnGap:o,rowGap:o,gridRowGap:o,inset:o,insetBlock:o,insetBlockEnd:o,insetBlockStart:o,insetInline:o,insetInlineEnd:o,insetInlineStart:o,margin:o,marginTop:o,marginRight:o,marginBottom:o,marginLeft:o,marginBlock:o,marginBlockEnd:o,marginBlockStart:o,marginInline:o,marginInlineEnd:o,marginInlineStart:o,padding:o,paddingTop:o,paddingRight:o,paddingBottom:o,paddingLeft:o,paddingBlock:o,paddingBlockEnd:o,paddingBlockStart:o,paddingInline:o,paddingInlineEnd:o,paddingInlineStart:o,top:o,right:o,bottom:o,left:o,scrollMargin:o,scrollMarginTop:o,scrollMarginRight:o,scrollMarginBottom:o,scrollMarginLeft:o,scrollMarginX:o,scrollMarginY:o,scrollMarginBlock:o,scrollMarginBlockEnd:o,scrollMarginBlockStart:o,scrollMarginInline:o,scrollMarginInlineEnd:o,scrollMarginInlineStart:o,scrollPadding:o,scrollPaddingTop:o,scrollPaddingRight:o,scrollPaddingBottom:o,scrollPaddingLeft:o,scrollPaddingX:o,scrollPaddingY:o,scrollPaddingBlock:o,scrollPaddingBlockEnd:o,scrollPaddingBlockStart:o,scrollPaddingInline:o,scrollPaddingInlineEnd:o,scrollPaddingInlineStart:o,fontSize:"fontSizes",background:n,backgroundColor:n,backgroundImage:n,borderImage:n,border:n,borderBlock:n,borderBlockEnd:n,borderBlockStart:n,borderBottom:n,borderBottomColor:n,borderColor:n,borderInline:n,borderInlineEnd:n,borderInlineStart:n,borderLeft:n,borderLeftColor:n,borderRight:n,borderRightColor:n,borderTop:n,borderTopColor:n,caretColor:n,color:n,columnRuleColor:n,fill:n,outline:n,outlineColor:n,stroke:n,textDecorationColor:n,fontFamily:"fonts",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",blockSize:l,minBlockSize:l,maxBlockSize:l,inlineSize:l,minInlineSize:l,maxInlineSize:l,width:l,minWidth:l,maxWidth:l,height:l,minHeight:l,maxHeight:l,flexBasis:l,gridTemplateColumns:l,gridTemplateRows:l,borderWidth:"borderWidths",borderTopWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderLeftWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",transition:"transitions",zIndex:"zIndices"},c=(e,s)=>"function"==typeof s?{"()":Function.prototype.toString.call(s)}:s,d=()=>{let e=Object.create(null);return(s,t,...r)=>{let i=JSON.stringify(s,c);return i in e?e[i]:e[i]=t(s,...r)}},h=Symbol.for("sxs.internal"),p=(e,s)=>Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)),x=e=>{for(let s in e)return!0;return!1},{hasOwnProperty:m}=Object.prototype,k=e=>e.includes("-")?e:e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase()),u=/\s+(?![^()]*\))/,j=e=>s=>e(..."string"==typeof s?String(s).split(u):[s]),g={appearance:e=>({WebkitAppearance:e,appearance:e}),backfaceVisibility:e=>({WebkitBackfaceVisibility:e,backfaceVisibility:e}),backdropFilter:e=>({WebkitBackdropFilter:e,backdropFilter:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),boxDecorationBreak:e=>({WebkitBoxDecorationBreak:e,boxDecorationBreak:e}),clipPath:e=>({WebkitClipPath:e,clipPath:e}),content:e=>({content:e.includes('"')||e.includes("'")||/^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e)?e:`"${e}"`}),hyphens:e=>({WebkitHyphens:e,hyphens:e}),maskImage:e=>({WebkitMaskImage:e,maskImage:e}),maskSize:e=>({WebkitMaskSize:e,maskSize:e}),tabSize:e=>({MozTabSize:e,tabSize:e}),textSizeAdjust:e=>({WebkitTextSizeAdjust:e,textSizeAdjust:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),marginBlock:j((e,s)=>({marginBlockStart:e,marginBlockEnd:s||e})),marginInline:j((e,s)=>({marginInlineStart:e,marginInlineEnd:s||e})),maxSize:j((e,s)=>({maxBlockSize:e,maxInlineSize:s||e})),minSize:j((e,s)=>({minBlockSize:e,minInlineSize:s||e})),paddingBlock:j((e,s)=>({paddingBlockStart:e,paddingBlockEnd:s||e})),paddingInline:j((e,s)=>({paddingInlineStart:e,paddingInlineEnd:s||e}))},y=/([\d.]+)([^]*)/,f=(e,s)=>e.length?e.reduce((e,t)=>(e.push(...s.map(e=>e.includes("&")?e.replace(/&/g,/[ +>|~]/.test(t)&&/&.*&/.test(e)?`:is(${t})`:t):t+" "+e)),e),[]):s,v=(e,s)=>e in b&&"string"==typeof s?s.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/,(s,t,r,i)=>t+("stretch"===r?`-moz-available${i};${k(e)}:${t}-webkit-fill-available`:`-moz-fit-content${i};${k(e)}:${t}fit-content`)+i):String(s),b={blockSize:1,height:1,inlineSize:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,width:1},S=e=>e?e+"-":"",w=(e,s,t)=>e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g,(e,r,i,n,l)=>"$"==n==!!i?e:(r||"--"==n?"calc(":"")+"var(--"+("$"===n?S(s)+(l.includes("$")?"":S(t))+l.replace(/\$/g,"-"):l)+")"+(r||"--"==n?"*"+(r||"")+(i||"1")+")":"")),M=/\s*,\s*(?![^()]*\))/,I=Object.prototype.toString,N=(e,s,t,r,i)=>{let n,l,o;let a=(e,s,t)=>{let c,d;let h=e=>{var p;for(c in e){let x=64===c.charCodeAt(0);for(d of x&&Array.isArray(e[c])?e[c]:[e[c]]){let e=/[A-Z]/.test(p=c)?p:p.replace(/-[^]/g,e=>e[1].toUpperCase()),m="object"==typeof d&&d&&d.toString===I&&(!r.utils[e]||!s.length);if(e in r.utils&&!m){let s=r.utils[e];if(s!==l){l=s,h(s(d)),l=null;continue}}else if(e in g){let s=g[e];if(s!==o){o=s,h(s(d)),o=null;continue}}if(x&&(c=(c.slice(1) in r.media?"@media "+r.media[c.slice(1)]:c).replace(/\(\s*([\w-]+)\s*(=|<|<=|>|>=)\s*([\w-]+)\s*(?:(<|<=|>|>=)\s*([\w-]+)\s*)?\)/g,(e,s,t,r,i,n)=>{let l=y.test(s),o=.0625*(l?-1:1),[a,c]=l?[r,s]:[s,r];return"("+("="===t[0]?"":">"===t[0]===l?"max-":"min-")+a+":"+("="!==t[0]&&1===t.length?c.replace(y,(e,s,r)=>Number(s)+o*(">"===t?1:-1)+r):c)+(i?") and ("+(">"===i[0]?"min-":"max-")+a+":"+(1===i.length?n.replace(y,(e,s,t)=>Number(s)+o*(">"===i?-1:1)+t):n):"")+")"})),m){let e=x?t.concat(c):[...t],r=x?[...s]:f(s,c.split(M));void 0!==n&&i(C(...n)),n=void 0,a(d,r,e)}else void 0===n&&(n=[[],s,t]),c=x||36!==c.charCodeAt(0)?c:`--${S(r.prefix)}${c.slice(1).replace(/\$/g,"-")}`,d=m?d:"number"==typeof d?d&&e in B?String(d)+"px":String(d):w(v(e,null==d?"":d),r.prefix,r.themeMap[e]),n[0].push(`${x?`${c} `:`${k(c)}:`}${d}`)}}};h(e),void 0!==n&&i(C(...n)),n=void 0};a(e,s,t)},C=(e,s,t)=>`${t.map(e=>`${e}{`).join("")}${s.length?`${s.join(",")}{`:""}${e.join(";")}${s.length?"}":""}${Array(t.length?t.length+1:0).join("}")}`,B={animationDelay:1,animationDuration:1,backgroundSize:1,blockSize:1,border:1,borderBlock:1,borderBlockEnd:1,borderBlockEndWidth:1,borderBlockStart:1,borderBlockStartWidth:1,borderBlockWidth:1,borderBottom:1,borderBottomLeftRadius:1,borderBottomRightRadius:1,borderBottomWidth:1,borderEndEndRadius:1,borderEndStartRadius:1,borderInlineEnd:1,borderInlineEndWidth:1,borderInlineStart:1,borderInlineStartWidth:1,borderInlineWidth:1,borderLeft:1,borderLeftWidth:1,borderRadius:1,borderRight:1,borderRightWidth:1,borderSpacing:1,borderStartEndRadius:1,borderStartStartRadius:1,borderTop:1,borderTopLeftRadius:1,borderTopRightRadius:1,borderTopWidth:1,borderWidth:1,bottom:1,columnGap:1,columnRule:1,columnRuleWidth:1,columnWidth:1,containIntrinsicSize:1,flexBasis:1,fontSize:1,gap:1,gridAutoColumns:1,gridAutoRows:1,gridTemplateColumns:1,gridTemplateRows:1,height:1,inlineSize:1,inset:1,insetBlock:1,insetBlockEnd:1,insetBlockStart:1,insetInline:1,insetInlineEnd:1,insetInlineStart:1,left:1,letterSpacing:1,margin:1,marginBlock:1,marginBlockEnd:1,marginBlockStart:1,marginBottom:1,marginInline:1,marginInlineEnd:1,marginInlineStart:1,marginLeft:1,marginRight:1,marginTop:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,offsetDistance:1,offsetRotate:1,outline:1,outlineOffset:1,outlineWidth:1,overflowClipMargin:1,padding:1,paddingBlock:1,paddingBlockEnd:1,paddingBlockStart:1,paddingBottom:1,paddingInline:1,paddingInlineEnd:1,paddingInlineStart:1,paddingLeft:1,paddingRight:1,paddingTop:1,perspective:1,right:1,rowGap:1,scrollMargin:1,scrollMarginBlock:1,scrollMarginBlockEnd:1,scrollMarginBlockStart:1,scrollMarginBottom:1,scrollMarginInline:1,scrollMarginInlineEnd:1,scrollMarginInlineStart:1,scrollMarginLeft:1,scrollMarginRight:1,scrollMarginTop:1,scrollPadding:1,scrollPaddingBlock:1,scrollPaddingBlockEnd:1,scrollPaddingBlockStart:1,scrollPaddingBottom:1,scrollPaddingInline:1,scrollPaddingInlineEnd:1,scrollPaddingInlineStart:1,scrollPaddingLeft:1,scrollPaddingRight:1,scrollPaddingTop:1,shapeMargin:1,textDecoration:1,textDecorationThickness:1,textIndent:1,textUnderlineOffset:1,top:1,transitionDelay:1,transitionDuration:1,verticalAlign:1,width:1,wordSpacing:1},P=e=>String.fromCharCode(e+(e>25?39:97)),R=e=>(e=>{let s,t="";for(s=Math.abs(e);s>52;s=s/52|0)t=P(s%52)+t;return P(s%52)+t})(((e,s)=>{let t=s.length;for(;t;)e=33*e^s.charCodeAt(--t);return e})(5381,JSON.stringify(e))>>>0),$=["themed","global","styled","onevar","resonevar","allvar","inline"],O=e=>{if(e.href&&!e.href.startsWith(location.origin))return!1;try{return!!e.cssRules}catch(e){return!1}},T=e=>{let s;let t=()=>{let{cssRules:e}=s.sheet;return[].map.call(e,(t,r)=>{let{cssText:i}=t,n="";if(i.startsWith("--sxs"))return"";if(e[r-1]&&(n=e[r-1].cssText).startsWith("--sxs")){if(!t.cssRules.length)return"";for(let e in s.rules)if(s.rules[e].group===t)return`--sxs{--sxs:${[...s.rules[e].cache].join(" ")}}${i}`;return t.cssRules.length?`${n}${i}`:""}return i}).join("")},r=()=>{if(s){let{rules:e,sheet:t}=s;if(!t.deleteRule){for(;3===Object(Object(t.cssRules)[0]).type;)t.cssRules.splice(0,1);t.cssRules=[]}for(let s in e)delete e[s]}for(let i of Object(e).styleSheets||[])if(O(i)){for(let e=0,n=i.cssRules;n[e];++e){let l=Object(n[e]);if(1!==l.type)continue;let o=Object(n[e+1]);if(4!==o.type)continue;++e;let{cssText:a}=l;if(!a.startsWith("--sxs"))continue;let c=a.slice(14,-3).trim().split(/\s+/),d=$[c[0]];d&&(s||(s={sheet:i,reset:r,rules:{},toString:t}),s.rules[d]={group:o,index:e,cache:new Set(c)})}if(s)break}if(!s){let i=(e,s)=>({type:s,cssRules:[],insertRule(e,s){this.cssRules.splice(s,0,i(e,{import:3,undefined:1}[(e.toLowerCase().match(/^@([a-z]+)/)||[])[1]]||4))},get cssText(){return"@media{}"===e?`@media{${[].map.call(this.cssRules,e=>e.cssText).join("")}}`:e}});s={sheet:e?(e.head||e).appendChild(document.createElement("style")).sheet:i("","text/css"),rules:{},reset:r,toString:t}}let{sheet:i,rules:n}=s;for(let e=$.length-1;e>=0;--e){let s=$[e];if(!n[s]){let t=$[e+1],r=n[t]?n[t].index:i.cssRules.length;i.insertRule("@media{}",r),i.insertRule(`--sxs{--sxs:${e}}`,r),n[s]={group:i.cssRules[r+1],index:r,cache:new Set([e])}}z(n[s])}};return r(),s},z=e=>{let s=e.group,t=s.cssRules.length;e.apply=e=>{try{s.insertRule(e,t),++t}catch(e){}}},A=Symbol(),W=d(),E=(e,s)=>W(e,()=>(...t)=>{let r={type:null,composers:new Set};for(let s of t)if(null!=s){if(s[h])for(let e of(null==r.type&&(r.type=s[h].type),s[h].composers))r.composers.add(e);else s.constructor!==Object||s.$$typeof?null==r.type&&(r.type=s):r.composers.add(L(s,e))}return null==r.type&&(r.type="span"),r.composers.size||r.composers.add(["PJLV",{},[],[],{},[]]),F(e,r,s)}),L=({variants:e,compoundVariants:s,defaultVariants:t,...r},i)=>{let n=`${S(i.prefix)}c-${R(r)}`,l=[],o=[],a=Object.create(null),c=[];for(let e in t)a[e]=String(t[e]);if("object"==typeof e&&e)for(let s in e){m.call(a,s)||(a[s]="undefined");let t=e[s];for(let e in t){let r={[s]:String(e)};"undefined"===String(e)&&c.push(s);let i=t[e],n=[r,i,!x(i)];l.push(n)}}if("object"==typeof s&&s)for(let e of s){let{css:s,...t}=e;for(let e in s="object"==typeof s&&s||{},t)t[e]=String(t[e]);let r=[t,s,!x(s)];o.push(r)}return[n,r,l,o,a,c]},F=(e,s,t)=>{let[r,i,n,l]=D(s.composers),o="function"==typeof s.type||s.type.$$typeof?(e=>{function s(){for(let t=0;ts.rules[e]={apply:t=>s[A].push([e,t])}),s})(t):null,a=(o||t).rules,c=`.${r}${i.length>1?`:where(.${i.slice(1).join(".")})`:""}`,d=d=>{let{css:h,...p}=d="object"==typeof d&&d||Z,x={};for(let e in n)if(delete p[e],e in d){let s=d[e];"object"==typeof s&&s?x[e]={"@initial":n[e],...s}:(s=String(s),x[e]="undefined"!==s||l.has(e)?s:n[e])}else x[e]=n[e];let m=new Set([...i]);for(let[r,i,n,l]of s.composers){t.rules.styled.cache.has(r)||(t.rules.styled.cache.add(r),N(i,[`.${r}`],[],e,e=>{a.styled.apply(e)}));let s=V(n,x,e.media),o=V(l,x,e.media,!0);for(let i of s)if(void 0!==i)for(let[s,n,l]of i){let i=`${r}-${R(n)}-${s}`;m.add(i);let o=(l?t.rules.resonevar:t.rules.onevar).cache,c=l?a.resonevar:a.onevar;o.has(i)||(o.add(i),N(n,[`.${i}`],[],e,e=>{c.apply(e)}))}for(let s of o)if(void 0!==s)for(let[i,n]of s){let s=`${r}-${R(n)}-${i}`;m.add(s),t.rules.allvar.cache.has(s)||(t.rules.allvar.cache.add(s),N(n,[`.${s}`],[],e,e=>{a.allvar.apply(e)}))}}if("object"==typeof h&&h){let s=`${r}-i${R(h)}-css`;m.add(s),t.rules.inline.cache.has(s)||(t.rules.inline.cache.add(s),N(h,[`.${s}`],[],e,e=>{a.inline.apply(e)}))}for(let e of String(d.className||"").trim().split(/\s+/))e&&m.add(e);let k=p.className=[...m].join(" ");return{type:s.type,className:k,selector:c,props:p,toString:()=>k,deferredInjector:o}};return p(d,{className:r,selector:c,[h]:s,toString:()=>(t.rules.styled.cache.has(r)||d(),r)})},D=e=>{let s="",t=[],r={},i=[];for(let[n,,,,l,o]of e)for(let e in""===s&&(s=n),t.push(n),i.push(...o),l){let s=l[e];(void 0===r[e]||"undefined"!==s||o.includes(s))&&(r[e]=s)}return[s,t,r,new Set(i)]},V=(e,s,t,r)=>{let i=[];e:for(let[n,l,o]of e){if(o)continue;let e,a=0,c=!1;for(e in n){let r=n[e],i=s[e];if(i!==r){if("object"!=typeof i||!i)continue e;{let e,s,n=0;for(let l in i){if(r===String(i[l])){if("@initial"!==l){let e=l.slice(1);(s=s||[]).push(e in t?t[e]:l.replace(/^@media ?/,"")),c=!0}a+=n,e=!0}++n}if(s&&s.length&&(l={["@media "+s.join(", ")]:l}),!e)continue e}}}(i[a]=i[a]||[]).push([r?"cv":`${e}-${n[e]}`,l,c])}return i},Z={},H=d(),_=(e,s)=>H(e,()=>(...t)=>{let r=()=>{for(let r of t){let t=R(r="object"==typeof r&&r||{});if(!s.rules.global.cache.has(t)){if(s.rules.global.cache.add(t),"@import"in r){let e=[].indexOf.call(s.sheet.cssRules,s.rules.themed.group)-1;for(let t of[].concat(r["@import"]))t=t.includes('"')||t.includes("'")?t:`"${t}"`,s.sheet.insertRule(`@import ${t};`,e++);delete r["@import"]}N(r,[],[],e,e=>{s.rules.global.apply(e)})}}return""};return p(r,{toString:r})}),G=d(),J=(e,s)=>G(e,()=>t=>{let r=`${S(e.prefix)}k-${R(t)}`,i=()=>{if(!s.rules.global.cache.has(r)){s.rules.global.cache.add(r);let i=[];N(t,[],[],e,e=>i.push(e));let n=`@keyframes ${r}{${i.join("")}}`;s.rules.global.apply(n)}return r};return p(i,{get name(){return i()},toString:i})}),U=class{constructor(e,s,t,r){this.token=null==e?"":String(e),this.value=null==s?"":String(s),this.scale=null==t?"":String(t),this.prefix=null==r?"":String(r)}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+S(this.prefix)+S(this.scale)+this.token}toString(){return this.computedValue}},q=d(),K=(e,s)=>q(e,()=>(t,r)=>{r="object"==typeof t&&t||Object(r);let i=`.${t=(t="string"==typeof t?t:"")||`${S(e.prefix)}t-${R(r)}`}`,n={},l=[];for(let s in r)for(let t in n[s]={},r[s]){let i=`--${S(e.prefix)}${s}-${t}`,o=w(String(r[s][t]),e.prefix,s);n[s][t]=new U(t,o,s,e.prefix),l.push(`${i}:${o}`)}let o=()=>{if(l.length&&!s.rules.themed.cache.has(t)){s.rules.themed.cache.add(t);let i=`${r===e.theme?":root,":""}.${t}{${l.join(";")}}`;s.rules.themed.apply(i)}return t};return{...n,get className(){return o()},selector:i,toString:o}}),X=d(),Y=d(),Q=e=>{let s=(e=>{let s=!1,t=X(e,e=>{s=!0;let t="prefix"in(e="object"==typeof e&&e||{})?String(e.prefix):"",r="object"==typeof e.media&&e.media||{},i="object"==typeof e.root?e.root||null:globalThis.document||null,n="object"==typeof e.theme&&e.theme||{},l={prefix:t,media:r,theme:n,themeMap:"object"==typeof e.themeMap&&e.themeMap||{...a},utils:"object"==typeof e.utils&&e.utils||{}},o=T(i),c={css:E(l,o),globalCss:_(l,o),keyframes:J(l,o),createTheme:K(l,o),reset(){o.reset(),c.theme.toString()},theme:{},sheet:o,config:l,prefix:t,getCssText:o.toString,toString:o.toString};return String(c.theme=c.createTheme(n)),c});return s||t.reset(),t})(e);return s.styled=(({config:e,sheet:s})=>Y(e,()=>{let t=E(e,s);return(...e)=>{let s=t(...e),r=s[h].type,n=i.forwardRef((e,t)=>{let n=e&&e.as||r,{props:l,deferredInjector:o}=s(e);return delete l.as,l.ref=t,o?i.createElement(i.Fragment,null,i.createElement(n,l),i.createElement(o,null)):i.createElement(n,l)});return n.className=s.className,n.displayName=`Styled.${r.displayName||r.name||r}`,n.selector=s.selector,n.toString=()=>s.selector,n[h]=s[h],n}}))(s),s},ee=()=>r||(r=Q()),es=(...e)=>ee().createTheme(...e)}},function(e){e.O(0,[585,546,965,580,542,888,774,179],function(){return e(e.s=6704)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/docs/partOf-262bfbb8d8bf0028.js b/_next/static/chunks/pages/docs/partOf-262bfbb8d8bf0028.js deleted file mode 100644 index 6baac450..00000000 --- a/_next/static/chunks/pages/docs/partOf-262bfbb8d8bf0028.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[63],{6704:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/partOf",function(){return t(1541)}])},1541:function(e,s,t){"use strict";t.r(s),t.d(s,{__toc:function(){return h}});var r=t(2676),i=t(5384),n=t(826),l=t(7104);t(1952);var o=t(7532),a=t(1973),c=t(4384),d=t(3860);let h=[{depth:2,value:"Usage",id:"usage"},{depth:3,value:"React",id:"react"},{depth:2,value:"API Reference",id:"api-reference"},{depth:3,value:"Custom Element",id:"custom-element"}];function p(e){let s=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",h2:"h2",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",strong:"strong"},(0,o.a)(),e.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.h1,{children:"PartOf"}),"\n",(0,r.jsx)(s.p,{children:"A containing resource that includes the resource that has the partOf property."}),"\n",(0,r.jsx)(a.Z,{href:"https://iiif.io/api/presentation/3.0/#partof",text:["partOf"]}),"\n",(0,r.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,r.jsx)(d.OK,{children:(0,r.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"PartOf"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"partOf"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" id"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/collections/c373ecd2-2c45-45f2-9f9e-52dc244870bd?as=iiif"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" type"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Collection"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Commedia dell\'Arte: The Masks of Antonio Fava"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" summary"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"\"The Commedia dell'Arte, the famous improvisational theatre style born in Renaissance Italy, remains a major influence in today's theatre. Antonio Fava is an actor, comedian, author, director, musician, mask maker and Internationally renowned Maestro of Commedia dell'Arte. The masks in this collection are all stored in the Charles Deering McCormick Library of Special Collections. Fava's book The Comic Mask in the Commedia dell'Arte is published by Northwestern University Press.\""}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(c.i1,{partOf:[{id:"https://api.dc.library.northwestern.edu/api/v2/collections/c373ecd2-2c45-45f2-9f9e-52dc244870bd?as=iiif",type:"Collection",label:{none:["Commedia dell'Arte: The Masks of Antonio Fava"]},summary:{none:["The Commedia dell'Arte, the famous improvisational theatre style born in Renaissance Italy, remains a major influence in today's theatre. Antonio Fava is an actor, comedian, author, director, musician, mask maker and Internationally renowned Maestro of Commedia dell'Arte. The masks in this collection are all stored in the Charles Deering McCormick Library of Special Collections. Fava's book The Comic Mask in the Commedia dell'Arte is published by Northwestern University Press."]}}]})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"ul"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"li"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/collections/c373ecd2-2c45-45f2-9f9e-52dc244870bd?as=iiif"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Commedia dell'Arte: The Masks of Antonio Fava"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,r.jsx)(s.h2,{id:"usage",children:"Usage"}),"\n",(0,r.jsx)(s.h3,{id:"react",children:"React"}),"\n",(0,r.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { PartOf } "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/primitives"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:" "}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"CustomPartOf"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ({ partOf }) "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"PartOf"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"partOf"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{partOf} />;"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:" "}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" CustomPartOf;"})]})]})}),"\n",(0,r.jsx)(s.h2,{id:"api-reference",children:"API Reference"}),"\n",(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{children:"Prop"}),(0,r.jsx)(s.th,{children:"Type"}),(0,r.jsx)(s.th,{children:"Default"}),(0,r.jsx)(s.th,{children:"Required"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"as"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"ol"}),", ",(0,r.jsx)(s.code,{children:"ul"})]}),(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"ul"})}),(0,r.jsx)(s.td,{children:"--"})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"partOf"})}),(0,r.jsx)(s.td,{children:(0,r.jsx)(s.a,{href:"https://iiif.io/api/presentation/3.0/#partof",children:"partOf"})}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:(0,r.jsx)(s.strong,{children:"Yes"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"className"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"string"}),", ",(0,r.jsx)(s.code,{children:"undefined"})]}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:"--"})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"style"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"CSSProperties"}),", ",(0,r.jsx)(s.code,{children:"undefined"})]}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:"--"})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"lang"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"string"}),", ",(0,r.jsx)(s.code,{children:"undefined"})]}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:"--"})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"title"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"string"}),", ",(0,r.jsx)(s.code,{children:"undefined"})]}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:"--"})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"data-*"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"string"}),", ",(0,r.jsx)(s.code,{children:"undefined"})]}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:"--"})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"aria-*"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"AriaAttributes"}),", ",(0,r.jsx)(s.code,{children:"undefined"})]}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:"--"})]})]})]}),"\n",(0,r.jsx)(s.h3,{id:"custom-element",children:"Custom Element"}),"\n",(0,r.jsxs)(s.p,{children:["The ",(0,r.jsx)(s.code,{children:"PartOf"})," component can be rendered as either ",(0,r.jsx)(s.code,{children:"ol"})," or ",(0,r.jsx)(s.code,{children:"ul"})," elements. The default is ",(0,r.jsx)(s.code,{children:"ul"}),"."]}),"\n",(0,r.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,r.jsx)(d.OK,{children:(0,r.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"PartOf"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"partOf"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" id"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://digital.lib.utk.edu/assemble/collection/collections/rfta"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" type"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Collection"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { en"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Rising From the Ashes Oral Histories"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" id"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://digital.lib.utk.edu/assemble/collection/collections/rftacuratedart"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" type"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Collection"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Rising from the Ashes: The Chimney Tops 2 Wildfires in Memory and Art"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"as"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"ol"'})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(c.i1,{partOf:[{id:"https://digital.lib.utk.edu/assemble/collection/collections/rfta",type:"Collection",label:{en:["Rising From the Ashes Oral Histories"]}},{id:"https://digital.lib.utk.edu/assemble/collection/collections/rftacuratedart",type:"Collection",label:{en:["Rising from the Ashes: The Chimney Tops 2 Wildfires in Memory and Art"]}}],as:"ol"})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"ol"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"li"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://digital.lib.utk.edu/assemble/collection/collections/rfta"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Rising From the Ashes Oral Histories"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"li"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://digital.lib.utk.edu/assemble/collection/collections/rftacuratedart"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Rising from the Ashes: The Chimney Tops 2 Wildfires in Memory and Art"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]})]})}let x={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:s}=Object.assign({},(0,o.a)(),e.components);return s?(0,r.jsx)(s,{...e,children:(0,r.jsx)(p,{...e})}):p(e)},pageOpts:{filePath:"pages/docs/partOf.mdx",route:"/docs/partOf",frontMatter:{title:"PartOf"},timestamp:173257264e4,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"PartOf",headings:h},pageNextRoute:"/docs/partOf",nextraLayout:n.ZP,themeConfig:l.Z};s.default=(0,i.j)(x)},1973:function(e,s,t){"use strict";var r=t(2676),i=t(5318),n=t.n(i);t(5271);var l=t(8158);let o=()=>{let e="#ed1d33",s="#2873ab";return(0,r.jsxs)("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1",style:{height:"1rem"},children:[(0,r.jsx)("title",{children:"IIIF Logo"}),(0,r.jsx)("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)",children:(0,r.jsxs)("g",{transform:"scale(0.1)",children:[(0,r.jsx)("path",{style:{fill:s},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),(0,r.jsx)("path",{style:{fill:s},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),(0,r.jsx)("path",{style:{fill:e},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),(0,r.jsx)("path",{style:{fill:e},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),(0,r.jsx)("path",{style:{fill:s},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),(0,r.jsx)("path",{style:{fill:s},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),(0,r.jsx)("path",{style:{fill:e},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"})]})})]})},a=(0,l.zo)(n(),{display:"inline-flex",flexDirection:"column",textDecoration:"none",alignItems:"center",padding:"0.5rem 0"}),c=(0,l.zo)("span",{display:"inline-flex",alignItems:"center",justifyContent:"center"});s.Z=e=>{let{children:s,href:t,text:i=["Presentation API"]}=e;return(0,r.jsx)(a,{href:t,target:"_blank",className:"nx-flex-col",children:(0,r.jsxs)(c,{className:"nx-gap-2 nx-h-7 nx-rounded-md nx-px-2 nx-text-left nx-text-sm nx-font-medium nx-text-gray-600 nx-transition-colors dark:nx-text-gray-400 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",children:[(0,r.jsx)(o,{})," ",i.join(" or ")," ↗"]})})}},8158:function(e,s,t){"use strict";t.d(s,{BC:function(){return i},F4:function(){return o},zo:function(){return n}});var r=t(1028);let i={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:n,css:l,keyframes:o,createTheme:a}=(0,r.Th)({theme:{colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"hsl(".concat(209," 100% 38.2%)"),accentMuted:"hsl(".concat(209," 80% 61.8%)"),accentAlt:"hsl(".concat(209," 80% 30%)"),secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},media:i})},7104:function(e,s,t){"use strict";t.d(s,{Z:function(){return m}});var r=t(2676),i=t(2936),n=t.n(i),l=t(5271);let o={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},a=["Scroll"];var c=e=>{let{title:s}=e;return a.includes(s)?(0,r.jsxs)("span",{children:[s,(0,r.jsx)("span",{style:o,children:"Beta"})]}):(0,r.jsx)("span",{children:s})},d=t(826),h=t(9205);let p="Clover IIIF",x="Showcase IIIF Manifests as interoperable web content.";var m={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),s=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(p):"".concat(p," – ").concat(x),t=e.frontMatter.description?e.frontMatter.description:x,{route:r}=(0,h.useRouter)(),i=(0,l.useMemo)(()=>new URL(r.endsWith("/")?r:"".concat(r,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[r]);return{defaultTitle:"".concat(p," - ").concat(x),title:s,description:t,canonical:i,openGraph:{url:i,title:s,siteName:"".concat(p," - ").concat(x),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,r.jsx)(()=>(0,r.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,r.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,r.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,r.jsx)(n(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,r.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){},1028:function(e,s,t){"use strict";t.d(s,{Th:function(){return Q},jG:function(){return es}});var r,i=t(5271),n="colors",l="sizes",o="space",a={gap:o,gridGap:o,columnGap:o,gridColumnGap:o,rowGap:o,gridRowGap:o,inset:o,insetBlock:o,insetBlockEnd:o,insetBlockStart:o,insetInline:o,insetInlineEnd:o,insetInlineStart:o,margin:o,marginTop:o,marginRight:o,marginBottom:o,marginLeft:o,marginBlock:o,marginBlockEnd:o,marginBlockStart:o,marginInline:o,marginInlineEnd:o,marginInlineStart:o,padding:o,paddingTop:o,paddingRight:o,paddingBottom:o,paddingLeft:o,paddingBlock:o,paddingBlockEnd:o,paddingBlockStart:o,paddingInline:o,paddingInlineEnd:o,paddingInlineStart:o,top:o,right:o,bottom:o,left:o,scrollMargin:o,scrollMarginTop:o,scrollMarginRight:o,scrollMarginBottom:o,scrollMarginLeft:o,scrollMarginX:o,scrollMarginY:o,scrollMarginBlock:o,scrollMarginBlockEnd:o,scrollMarginBlockStart:o,scrollMarginInline:o,scrollMarginInlineEnd:o,scrollMarginInlineStart:o,scrollPadding:o,scrollPaddingTop:o,scrollPaddingRight:o,scrollPaddingBottom:o,scrollPaddingLeft:o,scrollPaddingX:o,scrollPaddingY:o,scrollPaddingBlock:o,scrollPaddingBlockEnd:o,scrollPaddingBlockStart:o,scrollPaddingInline:o,scrollPaddingInlineEnd:o,scrollPaddingInlineStart:o,fontSize:"fontSizes",background:n,backgroundColor:n,backgroundImage:n,borderImage:n,border:n,borderBlock:n,borderBlockEnd:n,borderBlockStart:n,borderBottom:n,borderBottomColor:n,borderColor:n,borderInline:n,borderInlineEnd:n,borderInlineStart:n,borderLeft:n,borderLeftColor:n,borderRight:n,borderRightColor:n,borderTop:n,borderTopColor:n,caretColor:n,color:n,columnRuleColor:n,fill:n,outline:n,outlineColor:n,stroke:n,textDecorationColor:n,fontFamily:"fonts",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",blockSize:l,minBlockSize:l,maxBlockSize:l,inlineSize:l,minInlineSize:l,maxInlineSize:l,width:l,minWidth:l,maxWidth:l,height:l,minHeight:l,maxHeight:l,flexBasis:l,gridTemplateColumns:l,gridTemplateRows:l,borderWidth:"borderWidths",borderTopWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderLeftWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",transition:"transitions",zIndex:"zIndices"},c=(e,s)=>"function"==typeof s?{"()":Function.prototype.toString.call(s)}:s,d=()=>{let e=Object.create(null);return(s,t,...r)=>{let i=JSON.stringify(s,c);return i in e?e[i]:e[i]=t(s,...r)}},h=Symbol.for("sxs.internal"),p=(e,s)=>Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)),x=e=>{for(let s in e)return!0;return!1},{hasOwnProperty:m}=Object.prototype,k=e=>e.includes("-")?e:e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase()),u=/\s+(?![^()]*\))/,j=e=>s=>e(..."string"==typeof s?String(s).split(u):[s]),g={appearance:e=>({WebkitAppearance:e,appearance:e}),backfaceVisibility:e=>({WebkitBackfaceVisibility:e,backfaceVisibility:e}),backdropFilter:e=>({WebkitBackdropFilter:e,backdropFilter:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),boxDecorationBreak:e=>({WebkitBoxDecorationBreak:e,boxDecorationBreak:e}),clipPath:e=>({WebkitClipPath:e,clipPath:e}),content:e=>({content:e.includes('"')||e.includes("'")||/^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e)?e:`"${e}"`}),hyphens:e=>({WebkitHyphens:e,hyphens:e}),maskImage:e=>({WebkitMaskImage:e,maskImage:e}),maskSize:e=>({WebkitMaskSize:e,maskSize:e}),tabSize:e=>({MozTabSize:e,tabSize:e}),textSizeAdjust:e=>({WebkitTextSizeAdjust:e,textSizeAdjust:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),marginBlock:j((e,s)=>({marginBlockStart:e,marginBlockEnd:s||e})),marginInline:j((e,s)=>({marginInlineStart:e,marginInlineEnd:s||e})),maxSize:j((e,s)=>({maxBlockSize:e,maxInlineSize:s||e})),minSize:j((e,s)=>({minBlockSize:e,minInlineSize:s||e})),paddingBlock:j((e,s)=>({paddingBlockStart:e,paddingBlockEnd:s||e})),paddingInline:j((e,s)=>({paddingInlineStart:e,paddingInlineEnd:s||e}))},y=/([\d.]+)([^]*)/,f=(e,s)=>e.length?e.reduce((e,t)=>(e.push(...s.map(e=>e.includes("&")?e.replace(/&/g,/[ +>|~]/.test(t)&&/&.*&/.test(e)?`:is(${t})`:t):t+" "+e)),e),[]):s,v=(e,s)=>e in b&&"string"==typeof s?s.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/,(s,t,r,i)=>t+("stretch"===r?`-moz-available${i};${k(e)}:${t}-webkit-fill-available`:`-moz-fit-content${i};${k(e)}:${t}fit-content`)+i):String(s),b={blockSize:1,height:1,inlineSize:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,width:1},S=e=>e?e+"-":"",w=(e,s,t)=>e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g,(e,r,i,n,l)=>"$"==n==!!i?e:(r||"--"==n?"calc(":"")+"var(--"+("$"===n?S(s)+(l.includes("$")?"":S(t))+l.replace(/\$/g,"-"):l)+")"+(r||"--"==n?"*"+(r||"")+(i||"1")+")":"")),M=/\s*,\s*(?![^()]*\))/,I=Object.prototype.toString,N=(e,s,t,r,i)=>{let n,l,o;let a=(e,s,t)=>{let c,d;let h=e=>{var p;for(c in e){let x=64===c.charCodeAt(0);for(d of x&&Array.isArray(e[c])?e[c]:[e[c]]){let e=/[A-Z]/.test(p=c)?p:p.replace(/-[^]/g,e=>e[1].toUpperCase()),m="object"==typeof d&&d&&d.toString===I&&(!r.utils[e]||!s.length);if(e in r.utils&&!m){let s=r.utils[e];if(s!==l){l=s,h(s(d)),l=null;continue}}else if(e in g){let s=g[e];if(s!==o){o=s,h(s(d)),o=null;continue}}if(x&&(c=(c.slice(1) in r.media?"@media "+r.media[c.slice(1)]:c).replace(/\(\s*([\w-]+)\s*(=|<|<=|>|>=)\s*([\w-]+)\s*(?:(<|<=|>|>=)\s*([\w-]+)\s*)?\)/g,(e,s,t,r,i,n)=>{let l=y.test(s),o=.0625*(l?-1:1),[a,c]=l?[r,s]:[s,r];return"("+("="===t[0]?"":">"===t[0]===l?"max-":"min-")+a+":"+("="!==t[0]&&1===t.length?c.replace(y,(e,s,r)=>Number(s)+o*(">"===t?1:-1)+r):c)+(i?") and ("+(">"===i[0]?"min-":"max-")+a+":"+(1===i.length?n.replace(y,(e,s,t)=>Number(s)+o*(">"===i?-1:1)+t):n):"")+")"})),m){let e=x?t.concat(c):[...t],r=x?[...s]:f(s,c.split(M));void 0!==n&&i(C(...n)),n=void 0,a(d,r,e)}else void 0===n&&(n=[[],s,t]),c=x||36!==c.charCodeAt(0)?c:`--${S(r.prefix)}${c.slice(1).replace(/\$/g,"-")}`,d=m?d:"number"==typeof d?d&&e in B?String(d)+"px":String(d):w(v(e,null==d?"":d),r.prefix,r.themeMap[e]),n[0].push(`${x?`${c} `:`${k(c)}:`}${d}`)}}};h(e),void 0!==n&&i(C(...n)),n=void 0};a(e,s,t)},C=(e,s,t)=>`${t.map(e=>`${e}{`).join("")}${s.length?`${s.join(",")}{`:""}${e.join(";")}${s.length?"}":""}${Array(t.length?t.length+1:0).join("}")}`,B={animationDelay:1,animationDuration:1,backgroundSize:1,blockSize:1,border:1,borderBlock:1,borderBlockEnd:1,borderBlockEndWidth:1,borderBlockStart:1,borderBlockStartWidth:1,borderBlockWidth:1,borderBottom:1,borderBottomLeftRadius:1,borderBottomRightRadius:1,borderBottomWidth:1,borderEndEndRadius:1,borderEndStartRadius:1,borderInlineEnd:1,borderInlineEndWidth:1,borderInlineStart:1,borderInlineStartWidth:1,borderInlineWidth:1,borderLeft:1,borderLeftWidth:1,borderRadius:1,borderRight:1,borderRightWidth:1,borderSpacing:1,borderStartEndRadius:1,borderStartStartRadius:1,borderTop:1,borderTopLeftRadius:1,borderTopRightRadius:1,borderTopWidth:1,borderWidth:1,bottom:1,columnGap:1,columnRule:1,columnRuleWidth:1,columnWidth:1,containIntrinsicSize:1,flexBasis:1,fontSize:1,gap:1,gridAutoColumns:1,gridAutoRows:1,gridTemplateColumns:1,gridTemplateRows:1,height:1,inlineSize:1,inset:1,insetBlock:1,insetBlockEnd:1,insetBlockStart:1,insetInline:1,insetInlineEnd:1,insetInlineStart:1,left:1,letterSpacing:1,margin:1,marginBlock:1,marginBlockEnd:1,marginBlockStart:1,marginBottom:1,marginInline:1,marginInlineEnd:1,marginInlineStart:1,marginLeft:1,marginRight:1,marginTop:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,offsetDistance:1,offsetRotate:1,outline:1,outlineOffset:1,outlineWidth:1,overflowClipMargin:1,padding:1,paddingBlock:1,paddingBlockEnd:1,paddingBlockStart:1,paddingBottom:1,paddingInline:1,paddingInlineEnd:1,paddingInlineStart:1,paddingLeft:1,paddingRight:1,paddingTop:1,perspective:1,right:1,rowGap:1,scrollMargin:1,scrollMarginBlock:1,scrollMarginBlockEnd:1,scrollMarginBlockStart:1,scrollMarginBottom:1,scrollMarginInline:1,scrollMarginInlineEnd:1,scrollMarginInlineStart:1,scrollMarginLeft:1,scrollMarginRight:1,scrollMarginTop:1,scrollPadding:1,scrollPaddingBlock:1,scrollPaddingBlockEnd:1,scrollPaddingBlockStart:1,scrollPaddingBottom:1,scrollPaddingInline:1,scrollPaddingInlineEnd:1,scrollPaddingInlineStart:1,scrollPaddingLeft:1,scrollPaddingRight:1,scrollPaddingTop:1,shapeMargin:1,textDecoration:1,textDecorationThickness:1,textIndent:1,textUnderlineOffset:1,top:1,transitionDelay:1,transitionDuration:1,verticalAlign:1,width:1,wordSpacing:1},P=e=>String.fromCharCode(e+(e>25?39:97)),R=e=>(e=>{let s,t="";for(s=Math.abs(e);s>52;s=s/52|0)t=P(s%52)+t;return P(s%52)+t})(((e,s)=>{let t=s.length;for(;t;)e=33*e^s.charCodeAt(--t);return e})(5381,JSON.stringify(e))>>>0),$=["themed","global","styled","onevar","resonevar","allvar","inline"],O=e=>{if(e.href&&!e.href.startsWith(location.origin))return!1;try{return!!e.cssRules}catch(e){return!1}},T=e=>{let s;let t=()=>{let{cssRules:e}=s.sheet;return[].map.call(e,(t,r)=>{let{cssText:i}=t,n="";if(i.startsWith("--sxs"))return"";if(e[r-1]&&(n=e[r-1].cssText).startsWith("--sxs")){if(!t.cssRules.length)return"";for(let e in s.rules)if(s.rules[e].group===t)return`--sxs{--sxs:${[...s.rules[e].cache].join(" ")}}${i}`;return t.cssRules.length?`${n}${i}`:""}return i}).join("")},r=()=>{if(s){let{rules:e,sheet:t}=s;if(!t.deleteRule){for(;3===Object(Object(t.cssRules)[0]).type;)t.cssRules.splice(0,1);t.cssRules=[]}for(let s in e)delete e[s]}for(let i of Object(e).styleSheets||[])if(O(i)){for(let e=0,n=i.cssRules;n[e];++e){let l=Object(n[e]);if(1!==l.type)continue;let o=Object(n[e+1]);if(4!==o.type)continue;++e;let{cssText:a}=l;if(!a.startsWith("--sxs"))continue;let c=a.slice(14,-3).trim().split(/\s+/),d=$[c[0]];d&&(s||(s={sheet:i,reset:r,rules:{},toString:t}),s.rules[d]={group:o,index:e,cache:new Set(c)})}if(s)break}if(!s){let i=(e,s)=>({type:s,cssRules:[],insertRule(e,s){this.cssRules.splice(s,0,i(e,{import:3,undefined:1}[(e.toLowerCase().match(/^@([a-z]+)/)||[])[1]]||4))},get cssText(){return"@media{}"===e?`@media{${[].map.call(this.cssRules,e=>e.cssText).join("")}}`:e}});s={sheet:e?(e.head||e).appendChild(document.createElement("style")).sheet:i("","text/css"),rules:{},reset:r,toString:t}}let{sheet:i,rules:n}=s;for(let e=$.length-1;e>=0;--e){let s=$[e];if(!n[s]){let t=$[e+1],r=n[t]?n[t].index:i.cssRules.length;i.insertRule("@media{}",r),i.insertRule(`--sxs{--sxs:${e}}`,r),n[s]={group:i.cssRules[r+1],index:r,cache:new Set([e])}}z(n[s])}};return r(),s},z=e=>{let s=e.group,t=s.cssRules.length;e.apply=e=>{try{s.insertRule(e,t),++t}catch(e){}}},A=Symbol(),W=d(),E=(e,s)=>W(e,()=>(...t)=>{let r={type:null,composers:new Set};for(let s of t)if(null!=s){if(s[h])for(let e of(null==r.type&&(r.type=s[h].type),s[h].composers))r.composers.add(e);else s.constructor!==Object||s.$$typeof?null==r.type&&(r.type=s):r.composers.add(L(s,e))}return null==r.type&&(r.type="span"),r.composers.size||r.composers.add(["PJLV",{},[],[],{},[]]),F(e,r,s)}),L=({variants:e,compoundVariants:s,defaultVariants:t,...r},i)=>{let n=`${S(i.prefix)}c-${R(r)}`,l=[],o=[],a=Object.create(null),c=[];for(let e in t)a[e]=String(t[e]);if("object"==typeof e&&e)for(let s in e){m.call(a,s)||(a[s]="undefined");let t=e[s];for(let e in t){let r={[s]:String(e)};"undefined"===String(e)&&c.push(s);let i=t[e],n=[r,i,!x(i)];l.push(n)}}if("object"==typeof s&&s)for(let e of s){let{css:s,...t}=e;for(let e in s="object"==typeof s&&s||{},t)t[e]=String(t[e]);let r=[t,s,!x(s)];o.push(r)}return[n,r,l,o,a,c]},F=(e,s,t)=>{let[r,i,n,l]=D(s.composers),o="function"==typeof s.type||s.type.$$typeof?(e=>{function s(){for(let t=0;ts.rules[e]={apply:t=>s[A].push([e,t])}),s})(t):null,a=(o||t).rules,c=`.${r}${i.length>1?`:where(.${i.slice(1).join(".")})`:""}`,d=d=>{let{css:h,...p}=d="object"==typeof d&&d||Z,x={};for(let e in n)if(delete p[e],e in d){let s=d[e];"object"==typeof s&&s?x[e]={"@initial":n[e],...s}:(s=String(s),x[e]="undefined"!==s||l.has(e)?s:n[e])}else x[e]=n[e];let m=new Set([...i]);for(let[r,i,n,l]of s.composers){t.rules.styled.cache.has(r)||(t.rules.styled.cache.add(r),N(i,[`.${r}`],[],e,e=>{a.styled.apply(e)}));let s=V(n,x,e.media),o=V(l,x,e.media,!0);for(let i of s)if(void 0!==i)for(let[s,n,l]of i){let i=`${r}-${R(n)}-${s}`;m.add(i);let o=(l?t.rules.resonevar:t.rules.onevar).cache,c=l?a.resonevar:a.onevar;o.has(i)||(o.add(i),N(n,[`.${i}`],[],e,e=>{c.apply(e)}))}for(let s of o)if(void 0!==s)for(let[i,n]of s){let s=`${r}-${R(n)}-${i}`;m.add(s),t.rules.allvar.cache.has(s)||(t.rules.allvar.cache.add(s),N(n,[`.${s}`],[],e,e=>{a.allvar.apply(e)}))}}if("object"==typeof h&&h){let s=`${r}-i${R(h)}-css`;m.add(s),t.rules.inline.cache.has(s)||(t.rules.inline.cache.add(s),N(h,[`.${s}`],[],e,e=>{a.inline.apply(e)}))}for(let e of String(d.className||"").trim().split(/\s+/))e&&m.add(e);let k=p.className=[...m].join(" ");return{type:s.type,className:k,selector:c,props:p,toString:()=>k,deferredInjector:o}};return p(d,{className:r,selector:c,[h]:s,toString:()=>(t.rules.styled.cache.has(r)||d(),r)})},D=e=>{let s="",t=[],r={},i=[];for(let[n,,,,l,o]of e)for(let e in""===s&&(s=n),t.push(n),i.push(...o),l){let s=l[e];(void 0===r[e]||"undefined"!==s||o.includes(s))&&(r[e]=s)}return[s,t,r,new Set(i)]},V=(e,s,t,r)=>{let i=[];e:for(let[n,l,o]of e){if(o)continue;let e,a=0,c=!1;for(e in n){let r=n[e],i=s[e];if(i!==r){if("object"!=typeof i||!i)continue e;{let e,s,n=0;for(let l in i){if(r===String(i[l])){if("@initial"!==l){let e=l.slice(1);(s=s||[]).push(e in t?t[e]:l.replace(/^@media ?/,"")),c=!0}a+=n,e=!0}++n}if(s&&s.length&&(l={["@media "+s.join(", ")]:l}),!e)continue e}}}(i[a]=i[a]||[]).push([r?"cv":`${e}-${n[e]}`,l,c])}return i},Z={},H=d(),_=(e,s)=>H(e,()=>(...t)=>{let r=()=>{for(let r of t){let t=R(r="object"==typeof r&&r||{});if(!s.rules.global.cache.has(t)){if(s.rules.global.cache.add(t),"@import"in r){let e=[].indexOf.call(s.sheet.cssRules,s.rules.themed.group)-1;for(let t of[].concat(r["@import"]))t=t.includes('"')||t.includes("'")?t:`"${t}"`,s.sheet.insertRule(`@import ${t};`,e++);delete r["@import"]}N(r,[],[],e,e=>{s.rules.global.apply(e)})}}return""};return p(r,{toString:r})}),G=d(),J=(e,s)=>G(e,()=>t=>{let r=`${S(e.prefix)}k-${R(t)}`,i=()=>{if(!s.rules.global.cache.has(r)){s.rules.global.cache.add(r);let i=[];N(t,[],[],e,e=>i.push(e));let n=`@keyframes ${r}{${i.join("")}}`;s.rules.global.apply(n)}return r};return p(i,{get name(){return i()},toString:i})}),U=class{constructor(e,s,t,r){this.token=null==e?"":String(e),this.value=null==s?"":String(s),this.scale=null==t?"":String(t),this.prefix=null==r?"":String(r)}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+S(this.prefix)+S(this.scale)+this.token}toString(){return this.computedValue}},q=d(),K=(e,s)=>q(e,()=>(t,r)=>{r="object"==typeof t&&t||Object(r);let i=`.${t=(t="string"==typeof t?t:"")||`${S(e.prefix)}t-${R(r)}`}`,n={},l=[];for(let s in r)for(let t in n[s]={},r[s]){let i=`--${S(e.prefix)}${s}-${t}`,o=w(String(r[s][t]),e.prefix,s);n[s][t]=new U(t,o,s,e.prefix),l.push(`${i}:${o}`)}let o=()=>{if(l.length&&!s.rules.themed.cache.has(t)){s.rules.themed.cache.add(t);let i=`${r===e.theme?":root,":""}.${t}{${l.join(";")}}`;s.rules.themed.apply(i)}return t};return{...n,get className(){return o()},selector:i,toString:o}}),X=d(),Y=d(),Q=e=>{let s=(e=>{let s=!1,t=X(e,e=>{s=!0;let t="prefix"in(e="object"==typeof e&&e||{})?String(e.prefix):"",r="object"==typeof e.media&&e.media||{},i="object"==typeof e.root?e.root||null:globalThis.document||null,n="object"==typeof e.theme&&e.theme||{},l={prefix:t,media:r,theme:n,themeMap:"object"==typeof e.themeMap&&e.themeMap||{...a},utils:"object"==typeof e.utils&&e.utils||{}},o=T(i),c={css:E(l,o),globalCss:_(l,o),keyframes:J(l,o),createTheme:K(l,o),reset(){o.reset(),c.theme.toString()},theme:{},sheet:o,config:l,prefix:t,getCssText:o.toString,toString:o.toString};return String(c.theme=c.createTheme(n)),c});return s||t.reset(),t})(e);return s.styled=(({config:e,sheet:s})=>Y(e,()=>{let t=E(e,s);return(...e)=>{let s=t(...e),r=s[h].type,n=i.forwardRef((e,t)=>{let n=e&&e.as||r,{props:l,deferredInjector:o}=s(e);return delete l.as,l.ref=t,o?i.createElement(i.Fragment,null,i.createElement(n,l),i.createElement(o,null)):i.createElement(n,l)});return n.className=s.className,n.displayName=`Styled.${r.displayName||r.name||r}`,n.selector=s.selector,n.toString=()=>s.selector,n[h]=s[h],n}}))(s),s},ee=()=>r||(r=Q()),es=(...e)=>ee().createTheme(...e)}},function(e){e.O(0,[585,546,965,580,542,888,774,179],function(){return e(e.s=6704)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/docs/rendering-793a989030eaa05d.js b/_next/static/chunks/pages/docs/rendering-793a989030eaa05d.js new file mode 100644 index 00000000..f883c6d7 --- /dev/null +++ b/_next/static/chunks/pages/docs/rendering-793a989030eaa05d.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[674],{9658:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/rendering",function(){return r(7947)}])},7947:function(e,t,r){"use strict";r.r(t),r.d(t,{__toc:function(){return h}});var s=r(2676),i=r(5384),n=r(826),l=r(7104);r(1952);var o=r(7532),a=r(1973),c=r(4384),d=r(3860);let h=[{depth:2,value:"Usage",id:"usage"},{depth:3,value:"React",id:"react"},{depth:2,value:"API Reference",id:"api-reference"},{depth:3,value:"Custom Element",id:"custom-element"}];function p(e){let t=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",h2:"h2",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",strong:"strong"},(0,o.a)(),e.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{children:"Rendering"}),"\n",(0,s.jsx)(t.p,{children:"The Rendering component is used to display a list of alternate formats related to a resource. Whereas SeeAlso is used\nto link to a machine-readable resource such as metadata, the Rendering component alerts users that the resource is\navailable in another format such as PDF or ePub or has a related format. Because of the wide variety of formats that\nresources can be available in, the Rendering component is flexible and be of any media type and contain any type of\ndata."}),"\n",(0,s.jsx)(a.Z,{href:"https://iiif.io/api/presentation/3.0/#rendering",text:["rendering"]}),"\n",(0,s.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,s.jsx)(d.OK,{children:(0,s.jsx)(t.pre,{"data-language":"jsx","data-theme":"default",children:(0,s.jsxs)(t.code,{"data-language":"jsx","data-theme":"default",children:[(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"Rendering"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"rendering"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" id"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://fixtures.iiif.io/other/UCLA/kabuki_ezukushi_rtl.pdf"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" type"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Text"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"PDF version"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" format"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"application/pdf"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,s.jsx)(d.OK,{children:(0,s.jsx)(c.Oy,{rendering:[{id:"https://fixtures.iiif.io/other/UCLA/kabuki_ezukushi_rtl.pdf",type:"Text",label:{en:["PDF version"]},format:"application/pdf"}]})}),(0,s.jsx)(d.OK,{children:(0,s.jsx)(t.pre,{"data-language":"html","data-theme":"default",children:(0,s.jsxs)(t.code,{"data-language":"html","data-theme":"default",children:[(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"ul"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"li"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://fixtures.iiif.io/other/UCLA/kabuki_ezukushi_rtl.pdf"'})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"target"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"_blank"'})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" >"})}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" PDF version"})}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,s.jsx)(t.h2,{id:"usage",children:"Usage"}),"\n",(0,s.jsx)(t.h3,{id:"react",children:"React"}),"\n",(0,s.jsx)(t.pre,{"data-language":"jsx","data-theme":"default",children:(0,s.jsxs)(t.code,{"data-language":"jsx","data-theme":"default",children:[(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" { Rendering } "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/primitives"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:" "}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"CustomRendering"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ({ rendering }) "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"Rendering"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"rendering"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{rendering} />;"})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,s.jsx)(t.span,{className:"line",children:" "}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" CustomRendering;"})]})]})}),"\n",(0,s.jsx)(t.h2,{id:"api-reference",children:"API Reference"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{children:"Prop"}),(0,s.jsx)(t.th,{children:"Type"}),(0,s.jsx)(t.th,{children:"Default"}),(0,s.jsx)(t.th,{children:"Required"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"as"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"ol"}),", ",(0,s.jsx)(t.code,{children:"ul"})]}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"ul"})}),(0,s.jsx)(t.td,{children:"--"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"rendering"})}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://iiif.io/api/presentation/3.0/#rendering",children:"rendering"})}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.strong,{children:"Yes"})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"className"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"string"}),", ",(0,s.jsx)(t.code,{children:"undefined"})]}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:"--"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"style"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"CSSProperties"}),", ",(0,s.jsx)(t.code,{children:"undefined"})]}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:"--"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"lang"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"string"}),", ",(0,s.jsx)(t.code,{children:"undefined"})]}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:"--"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"title"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"string"}),", ",(0,s.jsx)(t.code,{children:"undefined"})]}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:"--"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"data-*"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"string"}),", ",(0,s.jsx)(t.code,{children:"undefined"})]}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:"--"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"aria-*"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"AriaAttributes"}),", ",(0,s.jsx)(t.code,{children:"undefined"})]}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:"--"})]})]})]}),"\n",(0,s.jsx)(t.h3,{id:"custom-element",children:"Custom Element"}),"\n",(0,s.jsxs)(t.p,{children:["The ",(0,s.jsx)(t.code,{children:"Rendering"})," component can be rendered as either ",(0,s.jsx)(t.code,{children:"ol"})," or ",(0,s.jsx)(t.code,{children:"ul"})," elements. The default is ",(0,s.jsx)(t.code,{children:"ul"}),"."]}),"\n",(0,s.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,s.jsx)(d.OK,{children:(0,s.jsx)(t.pre,{"data-language":"jsx","data-theme":"default",children:(0,s.jsxs)(t.code,{"data-language":"jsx","data-theme":"default",children:[(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"Rendering"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"rendering"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" id"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://fixtures.iiif.io/other/UCLA/kabuki_ezukushi_rtl.pdf"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" type"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Text"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"PDF version"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" format"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"application/pdf"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"as"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"ol"'})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,s.jsx)(d.OK,{children:(0,s.jsx)(c.Oy,{rendering:[{id:"https://fixtures.iiif.io/other/UCLA/kabuki_ezukushi_rtl.pdf",type:"Text",label:{en:["PDF version"]},format:"application/pdf"}],as:"ol"})}),(0,s.jsx)(d.OK,{children:(0,s.jsx)(t.pre,{"data-language":"html","data-theme":"default",children:(0,s.jsxs)(t.code,{"data-language":"html","data-theme":"default",children:[(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"ol"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"li"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://fixtures.iiif.io/other/UCLA/kabuki_ezukushi_rtl.pdf"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" PDF version"})}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]})]})}let x={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,o.a)(),e.components);return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(p,{...e})}):p(e)},pageOpts:{filePath:"pages/docs/rendering.mdx",route:"/docs/rendering",frontMatter:{title:"Rendering"},timestamp:1732573097e3,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Rendering",headings:h},pageNextRoute:"/docs/rendering",nextraLayout:n.ZP,themeConfig:l.Z};t.default=(0,i.j)(x)},1973:function(e,t,r){"use strict";var s=r(2676),i=r(5318),n=r.n(i);r(5271);var l=r(8158);let o=()=>{let e="#ed1d33",t="#2873ab";return(0,s.jsxs)("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1",style:{height:"1rem"},children:[(0,s.jsx)("title",{children:"IIIF Logo"}),(0,s.jsx)("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)",children:(0,s.jsxs)("g",{transform:"scale(0.1)",children:[(0,s.jsx)("path",{style:{fill:t},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),(0,s.jsx)("path",{style:{fill:t},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),(0,s.jsx)("path",{style:{fill:e},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),(0,s.jsx)("path",{style:{fill:e},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),(0,s.jsx)("path",{style:{fill:t},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),(0,s.jsx)("path",{style:{fill:t},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),(0,s.jsx)("path",{style:{fill:e},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"})]})})]})},a=(0,l.zo)(n(),{display:"inline-flex",flexDirection:"column",textDecoration:"none",alignItems:"center",padding:"0.5rem 0"}),c=(0,l.zo)("span",{display:"inline-flex",alignItems:"center",justifyContent:"center"});t.Z=e=>{let{children:t,href:r,text:i=["Presentation API"]}=e;return(0,s.jsx)(a,{href:r,target:"_blank",className:"nx-flex-col",children:(0,s.jsxs)(c,{className:"nx-gap-2 nx-h-7 nx-rounded-md nx-px-2 nx-text-left nx-text-sm nx-font-medium nx-text-gray-600 nx-transition-colors dark:nx-text-gray-400 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",children:[(0,s.jsx)(o,{})," ",i.join(" or ")," ↗"]})})}},8158:function(e,t,r){"use strict";r.d(t,{BC:function(){return i},F4:function(){return o},zo:function(){return n}});var s=r(1028);let i={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:n,css:l,keyframes:o,createTheme:a}=(0,s.Th)({theme:{colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"hsl(".concat(209," 100% 38.2%)"),accentMuted:"hsl(".concat(209," 80% 61.8%)"),accentAlt:"hsl(".concat(209," 80% 30%)"),secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},media:i})},7104:function(e,t,r){"use strict";r.d(t,{Z:function(){return m}});var s=r(2676),i=r(2936),n=r.n(i),l=r(5271);let o={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},a=["Scroll"];var c=e=>{let{title:t}=e;return a.includes(t)?(0,s.jsxs)("span",{children:[t,(0,s.jsx)("span",{style:o,children:"Beta"})]}):(0,s.jsx)("span",{children:t})},d=r(826),h=r(9205);let p="Clover IIIF",x="Showcase IIIF Manifests as interoperable web content.";var m={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),t=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(p):"".concat(p," – ").concat(x),r=e.frontMatter.description?e.frontMatter.description:x,{route:s}=(0,h.useRouter)(),i=(0,l.useMemo)(()=>new URL(s.endsWith("/")?s:"".concat(s,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[s]);return{defaultTitle:"".concat(p," - ").concat(x),title:t,description:r,canonical:i,openGraph:{url:i,title:t,siteName:"".concat(p," - ").concat(x),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,s.jsx)(()=>(0,s.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,s.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,s.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,s.jsx)(n(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,s.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){},1028:function(e,t,r){"use strict";r.d(t,{Th:function(){return Q},jG:function(){return et}});var s,i=r(5271),n="colors",l="sizes",o="space",a={gap:o,gridGap:o,columnGap:o,gridColumnGap:o,rowGap:o,gridRowGap:o,inset:o,insetBlock:o,insetBlockEnd:o,insetBlockStart:o,insetInline:o,insetInlineEnd:o,insetInlineStart:o,margin:o,marginTop:o,marginRight:o,marginBottom:o,marginLeft:o,marginBlock:o,marginBlockEnd:o,marginBlockStart:o,marginInline:o,marginInlineEnd:o,marginInlineStart:o,padding:o,paddingTop:o,paddingRight:o,paddingBottom:o,paddingLeft:o,paddingBlock:o,paddingBlockEnd:o,paddingBlockStart:o,paddingInline:o,paddingInlineEnd:o,paddingInlineStart:o,top:o,right:o,bottom:o,left:o,scrollMargin:o,scrollMarginTop:o,scrollMarginRight:o,scrollMarginBottom:o,scrollMarginLeft:o,scrollMarginX:o,scrollMarginY:o,scrollMarginBlock:o,scrollMarginBlockEnd:o,scrollMarginBlockStart:o,scrollMarginInline:o,scrollMarginInlineEnd:o,scrollMarginInlineStart:o,scrollPadding:o,scrollPaddingTop:o,scrollPaddingRight:o,scrollPaddingBottom:o,scrollPaddingLeft:o,scrollPaddingX:o,scrollPaddingY:o,scrollPaddingBlock:o,scrollPaddingBlockEnd:o,scrollPaddingBlockStart:o,scrollPaddingInline:o,scrollPaddingInlineEnd:o,scrollPaddingInlineStart:o,fontSize:"fontSizes",background:n,backgroundColor:n,backgroundImage:n,borderImage:n,border:n,borderBlock:n,borderBlockEnd:n,borderBlockStart:n,borderBottom:n,borderBottomColor:n,borderColor:n,borderInline:n,borderInlineEnd:n,borderInlineStart:n,borderLeft:n,borderLeftColor:n,borderRight:n,borderRightColor:n,borderTop:n,borderTopColor:n,caretColor:n,color:n,columnRuleColor:n,fill:n,outline:n,outlineColor:n,stroke:n,textDecorationColor:n,fontFamily:"fonts",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",blockSize:l,minBlockSize:l,maxBlockSize:l,inlineSize:l,minInlineSize:l,maxInlineSize:l,width:l,minWidth:l,maxWidth:l,height:l,minHeight:l,maxHeight:l,flexBasis:l,gridTemplateColumns:l,gridTemplateRows:l,borderWidth:"borderWidths",borderTopWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderLeftWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",transition:"transitions",zIndex:"zIndices"},c=(e,t)=>"function"==typeof t?{"()":Function.prototype.toString.call(t)}:t,d=()=>{let e=Object.create(null);return(t,r,...s)=>{let i=JSON.stringify(t,c);return i in e?e[i]:e[i]=r(t,...s)}},h=Symbol.for("sxs.internal"),p=(e,t)=>Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)),x=e=>{for(let t in e)return!0;return!1},{hasOwnProperty:m}=Object.prototype,u=e=>e.includes("-")?e:e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase()),k=/\s+(?![^()]*\))/,g=e=>t=>e(..."string"==typeof t?String(t).split(k):[t]),j={appearance:e=>({WebkitAppearance:e,appearance:e}),backfaceVisibility:e=>({WebkitBackfaceVisibility:e,backfaceVisibility:e}),backdropFilter:e=>({WebkitBackdropFilter:e,backdropFilter:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),boxDecorationBreak:e=>({WebkitBoxDecorationBreak:e,boxDecorationBreak:e}),clipPath:e=>({WebkitClipPath:e,clipPath:e}),content:e=>({content:e.includes('"')||e.includes("'")||/^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e)?e:`"${e}"`}),hyphens:e=>({WebkitHyphens:e,hyphens:e}),maskImage:e=>({WebkitMaskImage:e,maskImage:e}),maskSize:e=>({WebkitMaskSize:e,maskSize:e}),tabSize:e=>({MozTabSize:e,tabSize:e}),textSizeAdjust:e=>({WebkitTextSizeAdjust:e,textSizeAdjust:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),marginBlock:g((e,t)=>({marginBlockStart:e,marginBlockEnd:t||e})),marginInline:g((e,t)=>({marginInlineStart:e,marginInlineEnd:t||e})),maxSize:g((e,t)=>({maxBlockSize:e,maxInlineSize:t||e})),minSize:g((e,t)=>({minBlockSize:e,minInlineSize:t||e})),paddingBlock:g((e,t)=>({paddingBlockStart:e,paddingBlockEnd:t||e})),paddingInline:g((e,t)=>({paddingInlineStart:e,paddingInlineEnd:t||e}))},f=/([\d.]+)([^]*)/,y=(e,t)=>e.length?e.reduce((e,r)=>(e.push(...t.map(e=>e.includes("&")?e.replace(/&/g,/[ +>|~]/.test(r)&&/&.*&/.test(e)?`:is(${r})`:r):r+" "+e)),e),[]):t,b=(e,t)=>e in v&&"string"==typeof t?t.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/,(t,r,s,i)=>r+("stretch"===s?`-moz-available${i};${u(e)}:${r}-webkit-fill-available`:`-moz-fit-content${i};${u(e)}:${r}fit-content`)+i):String(t),v={blockSize:1,height:1,inlineSize:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,width:1},S=e=>e?e+"-":"",w=(e,t,r)=>e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g,(e,s,i,n,l)=>"$"==n==!!i?e:(s||"--"==n?"calc(":"")+"var(--"+("$"===n?S(t)+(l.includes("$")?"":S(r))+l.replace(/\$/g,"-"):l)+")"+(s||"--"==n?"*"+(s||"")+(i||"1")+")":"")),M=/\s*,\s*(?![^()]*\))/,I=Object.prototype.toString,R=(e,t,r,s,i)=>{let n,l,o;let a=(e,t,r)=>{let c,d;let h=e=>{var p;for(c in e){let x=64===c.charCodeAt(0);for(d of x&&Array.isArray(e[c])?e[c]:[e[c]]){let e=/[A-Z]/.test(p=c)?p:p.replace(/-[^]/g,e=>e[1].toUpperCase()),m="object"==typeof d&&d&&d.toString===I&&(!s.utils[e]||!t.length);if(e in s.utils&&!m){let t=s.utils[e];if(t!==l){l=t,h(t(d)),l=null;continue}}else if(e in j){let t=j[e];if(t!==o){o=t,h(t(d)),o=null;continue}}if(x&&(c=(c.slice(1) in s.media?"@media "+s.media[c.slice(1)]:c).replace(/\(\s*([\w-]+)\s*(=|<|<=|>|>=)\s*([\w-]+)\s*(?:(<|<=|>|>=)\s*([\w-]+)\s*)?\)/g,(e,t,r,s,i,n)=>{let l=f.test(t),o=.0625*(l?-1:1),[a,c]=l?[s,t]:[t,s];return"("+("="===r[0]?"":">"===r[0]===l?"max-":"min-")+a+":"+("="!==r[0]&&1===r.length?c.replace(f,(e,t,s)=>Number(t)+o*(">"===r?1:-1)+s):c)+(i?") and ("+(">"===i[0]?"min-":"max-")+a+":"+(1===i.length?n.replace(f,(e,t,r)=>Number(t)+o*(">"===i?-1:1)+r):n):"")+")"})),m){let e=x?r.concat(c):[...r],s=x?[...t]:y(t,c.split(M));void 0!==n&&i(B(...n)),n=void 0,a(d,s,e)}else void 0===n&&(n=[[],t,r]),c=x||36!==c.charCodeAt(0)?c:`--${S(s.prefix)}${c.slice(1).replace(/\$/g,"-")}`,d=m?d:"number"==typeof d?d&&e in N?String(d)+"px":String(d):w(b(e,null==d?"":d),s.prefix,s.themeMap[e]),n[0].push(`${x?`${c} `:`${u(c)}:`}${d}`)}}};h(e),void 0!==n&&i(B(...n)),n=void 0};a(e,t,r)},B=(e,t,r)=>`${r.map(e=>`${e}{`).join("")}${t.length?`${t.join(",")}{`:""}${e.join(";")}${t.length?"}":""}${Array(r.length?r.length+1:0).join("}")}`,N={animationDelay:1,animationDuration:1,backgroundSize:1,blockSize:1,border:1,borderBlock:1,borderBlockEnd:1,borderBlockEndWidth:1,borderBlockStart:1,borderBlockStartWidth:1,borderBlockWidth:1,borderBottom:1,borderBottomLeftRadius:1,borderBottomRightRadius:1,borderBottomWidth:1,borderEndEndRadius:1,borderEndStartRadius:1,borderInlineEnd:1,borderInlineEndWidth:1,borderInlineStart:1,borderInlineStartWidth:1,borderInlineWidth:1,borderLeft:1,borderLeftWidth:1,borderRadius:1,borderRight:1,borderRightWidth:1,borderSpacing:1,borderStartEndRadius:1,borderStartStartRadius:1,borderTop:1,borderTopLeftRadius:1,borderTopRightRadius:1,borderTopWidth:1,borderWidth:1,bottom:1,columnGap:1,columnRule:1,columnRuleWidth:1,columnWidth:1,containIntrinsicSize:1,flexBasis:1,fontSize:1,gap:1,gridAutoColumns:1,gridAutoRows:1,gridTemplateColumns:1,gridTemplateRows:1,height:1,inlineSize:1,inset:1,insetBlock:1,insetBlockEnd:1,insetBlockStart:1,insetInline:1,insetInlineEnd:1,insetInlineStart:1,left:1,letterSpacing:1,margin:1,marginBlock:1,marginBlockEnd:1,marginBlockStart:1,marginBottom:1,marginInline:1,marginInlineEnd:1,marginInlineStart:1,marginLeft:1,marginRight:1,marginTop:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,offsetDistance:1,offsetRotate:1,outline:1,outlineOffset:1,outlineWidth:1,overflowClipMargin:1,padding:1,paddingBlock:1,paddingBlockEnd:1,paddingBlockStart:1,paddingBottom:1,paddingInline:1,paddingInlineEnd:1,paddingInlineStart:1,paddingLeft:1,paddingRight:1,paddingTop:1,perspective:1,right:1,rowGap:1,scrollMargin:1,scrollMarginBlock:1,scrollMarginBlockEnd:1,scrollMarginBlockStart:1,scrollMarginBottom:1,scrollMarginInline:1,scrollMarginInlineEnd:1,scrollMarginInlineStart:1,scrollMarginLeft:1,scrollMarginRight:1,scrollMarginTop:1,scrollPadding:1,scrollPaddingBlock:1,scrollPaddingBlockEnd:1,scrollPaddingBlockStart:1,scrollPaddingBottom:1,scrollPaddingInline:1,scrollPaddingInlineEnd:1,scrollPaddingInlineStart:1,scrollPaddingLeft:1,scrollPaddingRight:1,scrollPaddingTop:1,shapeMargin:1,textDecoration:1,textDecorationThickness:1,textIndent:1,textUnderlineOffset:1,top:1,transitionDelay:1,transitionDuration:1,verticalAlign:1,width:1,wordSpacing:1},P=e=>String.fromCharCode(e+(e>25?39:97)),$=e=>(e=>{let t,r="";for(t=Math.abs(e);t>52;t=t/52|0)r=P(t%52)+r;return P(t%52)+r})(((e,t)=>{let r=t.length;for(;r;)e=33*e^t.charCodeAt(--r);return e})(5381,JSON.stringify(e))>>>0),C=["themed","global","styled","onevar","resonevar","allvar","inline"],z=e=>{if(e.href&&!e.href.startsWith(location.origin))return!1;try{return!!e.cssRules}catch(e){return!1}},T=e=>{let t;let r=()=>{let{cssRules:e}=t.sheet;return[].map.call(e,(r,s)=>{let{cssText:i}=r,n="";if(i.startsWith("--sxs"))return"";if(e[s-1]&&(n=e[s-1].cssText).startsWith("--sxs")){if(!r.cssRules.length)return"";for(let e in t.rules)if(t.rules[e].group===r)return`--sxs{--sxs:${[...t.rules[e].cache].join(" ")}}${i}`;return r.cssRules.length?`${n}${i}`:""}return i}).join("")},s=()=>{if(t){let{rules:e,sheet:r}=t;if(!r.deleteRule){for(;3===Object(Object(r.cssRules)[0]).type;)r.cssRules.splice(0,1);r.cssRules=[]}for(let t in e)delete e[t]}for(let i of Object(e).styleSheets||[])if(z(i)){for(let e=0,n=i.cssRules;n[e];++e){let l=Object(n[e]);if(1!==l.type)continue;let o=Object(n[e+1]);if(4!==o.type)continue;++e;let{cssText:a}=l;if(!a.startsWith("--sxs"))continue;let c=a.slice(14,-3).trim().split(/\s+/),d=C[c[0]];d&&(t||(t={sheet:i,reset:s,rules:{},toString:r}),t.rules[d]={group:o,index:e,cache:new Set(c)})}if(t)break}if(!t){let i=(e,t)=>({type:t,cssRules:[],insertRule(e,t){this.cssRules.splice(t,0,i(e,{import:3,undefined:1}[(e.toLowerCase().match(/^@([a-z]+)/)||[])[1]]||4))},get cssText(){return"@media{}"===e?`@media{${[].map.call(this.cssRules,e=>e.cssText).join("")}}`:e}});t={sheet:e?(e.head||e).appendChild(document.createElement("style")).sheet:i("","text/css"),rules:{},reset:s,toString:r}}let{sheet:i,rules:n}=t;for(let e=C.length-1;e>=0;--e){let t=C[e];if(!n[t]){let r=C[e+1],s=n[r]?n[r].index:i.cssRules.length;i.insertRule("@media{}",s),i.insertRule(`--sxs{--sxs:${e}}`,s),n[t]={group:i.cssRules[s+1],index:s,cache:new Set([e])}}E(n[t])}};return s(),t},E=e=>{let t=e.group,r=t.cssRules.length;e.apply=e=>{try{t.insertRule(e,r),++r}catch(e){}}},W=Symbol(),L=d(),O=(e,t)=>L(e,()=>(...r)=>{let s={type:null,composers:new Set};for(let t of r)if(null!=t){if(t[h])for(let e of(null==s.type&&(s.type=t[h].type),t[h].composers))s.composers.add(e);else t.constructor!==Object||t.$$typeof?null==s.type&&(s.type=t):s.composers.add(A(t,e))}return null==s.type&&(s.type="span"),s.composers.size||s.composers.add(["PJLV",{},[],[],{},[]]),F(e,s,t)}),A=({variants:e,compoundVariants:t,defaultVariants:r,...s},i)=>{let n=`${S(i.prefix)}c-${$(s)}`,l=[],o=[],a=Object.create(null),c=[];for(let e in r)a[e]=String(r[e]);if("object"==typeof e&&e)for(let t in e){m.call(a,t)||(a[t]="undefined");let r=e[t];for(let e in r){let s={[t]:String(e)};"undefined"===String(e)&&c.push(t);let i=r[e],n=[s,i,!x(i)];l.push(n)}}if("object"==typeof t&&t)for(let e of t){let{css:t,...r}=e;for(let e in t="object"==typeof t&&t||{},r)r[e]=String(r[e]);let s=[r,t,!x(t)];o.push(s)}return[n,s,l,o,a,c]},F=(e,t,r)=>{let[s,i,n,l]=_(t.composers),o="function"==typeof t.type||t.type.$$typeof?(e=>{function t(){for(let r=0;rt.rules[e]={apply:r=>t[W].push([e,r])}),t})(r):null,a=(o||r).rules,c=`.${s}${i.length>1?`:where(.${i.slice(1).join(".")})`:""}`,d=d=>{let{css:h,...p}=d="object"==typeof d&&d||V,x={};for(let e in n)if(delete p[e],e in d){let t=d[e];"object"==typeof t&&t?x[e]={"@initial":n[e],...t}:(t=String(t),x[e]="undefined"!==t||l.has(e)?t:n[e])}else x[e]=n[e];let m=new Set([...i]);for(let[s,i,n,l]of t.composers){r.rules.styled.cache.has(s)||(r.rules.styled.cache.add(s),R(i,[`.${s}`],[],e,e=>{a.styled.apply(e)}));let t=D(n,x,e.media),o=D(l,x,e.media,!0);for(let i of t)if(void 0!==i)for(let[t,n,l]of i){let i=`${s}-${$(n)}-${t}`;m.add(i);let o=(l?r.rules.resonevar:r.rules.onevar).cache,c=l?a.resonevar:a.onevar;o.has(i)||(o.add(i),R(n,[`.${i}`],[],e,e=>{c.apply(e)}))}for(let t of o)if(void 0!==t)for(let[i,n]of t){let t=`${s}-${$(n)}-${i}`;m.add(t),r.rules.allvar.cache.has(t)||(r.rules.allvar.cache.add(t),R(n,[`.${t}`],[],e,e=>{a.allvar.apply(e)}))}}if("object"==typeof h&&h){let t=`${s}-i${$(h)}-css`;m.add(t),r.rules.inline.cache.has(t)||(r.rules.inline.cache.add(t),R(h,[`.${t}`],[],e,e=>{a.inline.apply(e)}))}for(let e of String(d.className||"").trim().split(/\s+/))e&&m.add(e);let u=p.className=[...m].join(" ");return{type:t.type,className:u,selector:c,props:p,toString:()=>u,deferredInjector:o}};return p(d,{className:s,selector:c,[h]:t,toString:()=>(r.rules.styled.cache.has(s)||d(),s)})},_=e=>{let t="",r=[],s={},i=[];for(let[n,,,,l,o]of e)for(let e in""===t&&(t=n),r.push(n),i.push(...o),l){let t=l[e];(void 0===s[e]||"undefined"!==t||o.includes(t))&&(s[e]=t)}return[t,r,s,new Set(i)]},D=(e,t,r,s)=>{let i=[];e:for(let[n,l,o]of e){if(o)continue;let e,a=0,c=!1;for(e in n){let s=n[e],i=t[e];if(i!==s){if("object"!=typeof i||!i)continue e;{let e,t,n=0;for(let l in i){if(s===String(i[l])){if("@initial"!==l){let e=l.slice(1);(t=t||[]).push(e in r?r[e]:l.replace(/^@media ?/,"")),c=!0}a+=n,e=!0}++n}if(t&&t.length&&(l={["@media "+t.join(", ")]:l}),!e)continue e}}}(i[a]=i[a]||[]).push([s?"cv":`${e}-${n[e]}`,l,c])}return i},V={},Z=d(),H=(e,t)=>Z(e,()=>(...r)=>{let s=()=>{for(let s of r){let r=$(s="object"==typeof s&&s||{});if(!t.rules.global.cache.has(r)){if(t.rules.global.cache.add(r),"@import"in s){let e=[].indexOf.call(t.sheet.cssRules,t.rules.themed.group)-1;for(let r of[].concat(s["@import"]))r=r.includes('"')||r.includes("'")?r:`"${r}"`,t.sheet.insertRule(`@import ${r};`,e++);delete s["@import"]}R(s,[],[],e,e=>{t.rules.global.apply(e)})}}return""};return p(s,{toString:s})}),U=d(),G=(e,t)=>U(e,()=>r=>{let s=`${S(e.prefix)}k-${$(r)}`,i=()=>{if(!t.rules.global.cache.has(s)){t.rules.global.cache.add(s);let i=[];R(r,[],[],e,e=>i.push(e));let n=`@keyframes ${s}{${i.join("")}}`;t.rules.global.apply(n)}return s};return p(i,{get name(){return i()},toString:i})}),q=class{constructor(e,t,r,s){this.token=null==e?"":String(e),this.value=null==t?"":String(t),this.scale=null==r?"":String(r),this.prefix=null==s?"":String(s)}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+S(this.prefix)+S(this.scale)+this.token}toString(){return this.computedValue}},J=d(),K=(e,t)=>J(e,()=>(r,s)=>{s="object"==typeof r&&r||Object(s);let i=`.${r=(r="string"==typeof r?r:"")||`${S(e.prefix)}t-${$(s)}`}`,n={},l=[];for(let t in s)for(let r in n[t]={},s[t]){let i=`--${S(e.prefix)}${t}-${r}`,o=w(String(s[t][r]),e.prefix,t);n[t][r]=new q(r,o,t,e.prefix),l.push(`${i}:${o}`)}let o=()=>{if(l.length&&!t.rules.themed.cache.has(r)){t.rules.themed.cache.add(r);let i=`${s===e.theme?":root,":""}.${r}{${l.join(";")}}`;t.rules.themed.apply(i)}return r};return{...n,get className(){return o()},selector:i,toString:o}}),X=d(),Y=d(),Q=e=>{let t=(e=>{let t=!1,r=X(e,e=>{t=!0;let r="prefix"in(e="object"==typeof e&&e||{})?String(e.prefix):"",s="object"==typeof e.media&&e.media||{},i="object"==typeof e.root?e.root||null:globalThis.document||null,n="object"==typeof e.theme&&e.theme||{},l={prefix:r,media:s,theme:n,themeMap:"object"==typeof e.themeMap&&e.themeMap||{...a},utils:"object"==typeof e.utils&&e.utils||{}},o=T(i),c={css:O(l,o),globalCss:H(l,o),keyframes:G(l,o),createTheme:K(l,o),reset(){o.reset(),c.theme.toString()},theme:{},sheet:o,config:l,prefix:r,getCssText:o.toString,toString:o.toString};return String(c.theme=c.createTheme(n)),c});return t||r.reset(),r})(e);return t.styled=(({config:e,sheet:t})=>Y(e,()=>{let r=O(e,t);return(...e)=>{let t=r(...e),s=t[h].type,n=i.forwardRef((e,r)=>{let n=e&&e.as||s,{props:l,deferredInjector:o}=t(e);return delete l.as,l.ref=r,o?i.createElement(i.Fragment,null,i.createElement(n,l),i.createElement(o,null)):i.createElement(n,l)});return n.className=t.className,n.displayName=`Styled.${s.displayName||s.name||s}`,n.selector=t.selector,n.toString=()=>t.selector,n[h]=t[h],n}}))(t),t},ee=()=>s||(s=Q()),et=(...e)=>ee().createTheme(...e)}},function(e){e.O(0,[585,546,965,580,542,888,774,179],function(){return e(e.s=9658)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/docs/rendering-813b77e0a51a461f.js b/_next/static/chunks/pages/docs/rendering-813b77e0a51a461f.js deleted file mode 100644 index e9c48ad1..00000000 --- a/_next/static/chunks/pages/docs/rendering-813b77e0a51a461f.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[674],{9658:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/rendering",function(){return r(7947)}])},7947:function(e,t,r){"use strict";r.r(t),r.d(t,{__toc:function(){return h}});var s=r(2676),i=r(5384),n=r(826),l=r(7104);r(1952);var o=r(7532),a=r(1973),c=r(4384),d=r(3860);let h=[{depth:2,value:"Usage",id:"usage"},{depth:3,value:"React",id:"react"},{depth:2,value:"API Reference",id:"api-reference"},{depth:3,value:"Custom Element",id:"custom-element"}];function p(e){let t=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",h2:"h2",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",strong:"strong"},(0,o.a)(),e.components);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h1,{children:"Rendering"}),"\n",(0,s.jsx)(t.p,{children:"The Rendering component is used to display a list of alternate formats related to a resource. Whereas SeeAlso is used\nto link to a machine-readable resource such as metadata, the Rendering component alerts users that the resource is\navailable in another format such as PDF or ePub or has a related format. Because of the wide variety of formats that\nresources can be available in, the Rendering component is flexible and be of any media type and contain any type of\ndata."}),"\n",(0,s.jsx)(a.Z,{href:"https://iiif.io/api/presentation/3.0/#rendering",text:["rendering"]}),"\n",(0,s.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,s.jsx)(d.OK,{children:(0,s.jsx)(t.pre,{"data-language":"jsx","data-theme":"default",children:(0,s.jsxs)(t.code,{"data-language":"jsx","data-theme":"default",children:[(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"Rendering"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"rendering"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" id"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://fixtures.iiif.io/other/UCLA/kabuki_ezukushi_rtl.pdf"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" type"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Text"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"PDF version"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" format"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"application/pdf"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,s.jsx)(d.OK,{children:(0,s.jsx)(c.Oy,{rendering:[{id:"https://fixtures.iiif.io/other/UCLA/kabuki_ezukushi_rtl.pdf",type:"Text",label:{en:["PDF version"]},format:"application/pdf"}]})}),(0,s.jsx)(d.OK,{children:(0,s.jsx)(t.pre,{"data-language":"html","data-theme":"default",children:(0,s.jsxs)(t.code,{"data-language":"html","data-theme":"default",children:[(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"ul"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"li"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://fixtures.iiif.io/other/UCLA/kabuki_ezukushi_rtl.pdf"'})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"target"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"_blank"'})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" >"})}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" PDF version"})}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,s.jsx)(t.h2,{id:"usage",children:"Usage"}),"\n",(0,s.jsx)(t.h3,{id:"react",children:"React"}),"\n",(0,s.jsx)(t.pre,{"data-language":"jsx","data-theme":"default",children:(0,s.jsxs)(t.code,{"data-language":"jsx","data-theme":"default",children:[(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" { Rendering } "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/primitives"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:" "}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"CustomRendering"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ({ rendering }) "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"Rendering"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"rendering"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{rendering} />;"})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,s.jsx)(t.span,{className:"line",children:" "}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" CustomRendering;"})]})]})}),"\n",(0,s.jsx)(t.h2,{id:"api-reference",children:"API Reference"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{children:"Prop"}),(0,s.jsx)(t.th,{children:"Type"}),(0,s.jsx)(t.th,{children:"Default"}),(0,s.jsx)(t.th,{children:"Required"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"as"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"ol"}),", ",(0,s.jsx)(t.code,{children:"ul"})]}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"ul"})}),(0,s.jsx)(t.td,{children:"--"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"rendering"})}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.a,{href:"https://iiif.io/api/presentation/3.0/#rendering",children:"rendering"})}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.strong,{children:"Yes"})})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"className"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"string"}),", ",(0,s.jsx)(t.code,{children:"undefined"})]}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:"--"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"style"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"CSSProperties"}),", ",(0,s.jsx)(t.code,{children:"undefined"})]}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:"--"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"lang"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"string"}),", ",(0,s.jsx)(t.code,{children:"undefined"})]}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:"--"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"title"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"string"}),", ",(0,s.jsx)(t.code,{children:"undefined"})]}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:"--"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"data-*"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"string"}),", ",(0,s.jsx)(t.code,{children:"undefined"})]}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:"--"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"aria-*"})}),(0,s.jsxs)(t.td,{children:[(0,s.jsx)(t.code,{children:"AriaAttributes"}),", ",(0,s.jsx)(t.code,{children:"undefined"})]}),(0,s.jsx)(t.td,{children:"--"}),(0,s.jsx)(t.td,{children:"--"})]})]})]}),"\n",(0,s.jsx)(t.h3,{id:"custom-element",children:"Custom Element"}),"\n",(0,s.jsxs)(t.p,{children:["The ",(0,s.jsx)(t.code,{children:"Rendering"})," component can be rendered as either ",(0,s.jsx)(t.code,{children:"ol"})," or ",(0,s.jsx)(t.code,{children:"ul"})," elements. The default is ",(0,s.jsx)(t.code,{children:"ul"}),"."]}),"\n",(0,s.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,s.jsx)(d.OK,{children:(0,s.jsx)(t.pre,{"data-language":"jsx","data-theme":"default",children:(0,s.jsxs)(t.code,{"data-language":"jsx","data-theme":"default",children:[(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"Rendering"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"rendering"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" id"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://fixtures.iiif.io/other/UCLA/kabuki_ezukushi_rtl.pdf"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" type"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Text"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"PDF version"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" format"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"application/pdf"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"as"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"ol"'})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,s.jsx)(d.OK,{children:(0,s.jsx)(c.Oy,{rendering:[{id:"https://fixtures.iiif.io/other/UCLA/kabuki_ezukushi_rtl.pdf",type:"Text",label:{en:["PDF version"]},format:"application/pdf"}],as:"ol"})}),(0,s.jsx)(d.OK,{children:(0,s.jsx)(t.pre,{"data-language":"html","data-theme":"default",children:(0,s.jsxs)(t.code,{"data-language":"html","data-theme":"default",children:[(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"ol"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"li"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://fixtures.iiif.io/other/UCLA/kabuki_ezukushi_rtl.pdf"'}),(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,s.jsx)(t.span,{className:"line",children:(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" PDF version"})}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,s.jsxs)(t.span,{className:"line",children:[(0,s.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]})]})}let x={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,o.a)(),e.components);return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(p,{...e})}):p(e)},pageOpts:{filePath:"pages/docs/rendering.mdx",route:"/docs/rendering",frontMatter:{title:"Rendering"},timestamp:173257264e4,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Rendering",headings:h},pageNextRoute:"/docs/rendering",nextraLayout:n.ZP,themeConfig:l.Z};t.default=(0,i.j)(x)},1973:function(e,t,r){"use strict";var s=r(2676),i=r(5318),n=r.n(i);r(5271);var l=r(8158);let o=()=>{let e="#ed1d33",t="#2873ab";return(0,s.jsxs)("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1",style:{height:"1rem"},children:[(0,s.jsx)("title",{children:"IIIF Logo"}),(0,s.jsx)("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)",children:(0,s.jsxs)("g",{transform:"scale(0.1)",children:[(0,s.jsx)("path",{style:{fill:t},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),(0,s.jsx)("path",{style:{fill:t},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),(0,s.jsx)("path",{style:{fill:e},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),(0,s.jsx)("path",{style:{fill:e},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),(0,s.jsx)("path",{style:{fill:t},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),(0,s.jsx)("path",{style:{fill:t},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),(0,s.jsx)("path",{style:{fill:e},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"})]})})]})},a=(0,l.zo)(n(),{display:"inline-flex",flexDirection:"column",textDecoration:"none",alignItems:"center",padding:"0.5rem 0"}),c=(0,l.zo)("span",{display:"inline-flex",alignItems:"center",justifyContent:"center"});t.Z=e=>{let{children:t,href:r,text:i=["Presentation API"]}=e;return(0,s.jsx)(a,{href:r,target:"_blank",className:"nx-flex-col",children:(0,s.jsxs)(c,{className:"nx-gap-2 nx-h-7 nx-rounded-md nx-px-2 nx-text-left nx-text-sm nx-font-medium nx-text-gray-600 nx-transition-colors dark:nx-text-gray-400 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",children:[(0,s.jsx)(o,{})," ",i.join(" or ")," ↗"]})})}},8158:function(e,t,r){"use strict";r.d(t,{BC:function(){return i},F4:function(){return o},zo:function(){return n}});var s=r(1028);let i={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:n,css:l,keyframes:o,createTheme:a}=(0,s.Th)({theme:{colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"hsl(".concat(209," 100% 38.2%)"),accentMuted:"hsl(".concat(209," 80% 61.8%)"),accentAlt:"hsl(".concat(209," 80% 30%)"),secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},media:i})},7104:function(e,t,r){"use strict";r.d(t,{Z:function(){return m}});var s=r(2676),i=r(2936),n=r.n(i),l=r(5271);let o={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},a=["Scroll"];var c=e=>{let{title:t}=e;return a.includes(t)?(0,s.jsxs)("span",{children:[t,(0,s.jsx)("span",{style:o,children:"Beta"})]}):(0,s.jsx)("span",{children:t})},d=r(826),h=r(9205);let p="Clover IIIF",x="Showcase IIIF Manifests as interoperable web content.";var m={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),t=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(p):"".concat(p," – ").concat(x),r=e.frontMatter.description?e.frontMatter.description:x,{route:s}=(0,h.useRouter)(),i=(0,l.useMemo)(()=>new URL(s.endsWith("/")?s:"".concat(s,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[s]);return{defaultTitle:"".concat(p," - ").concat(x),title:t,description:r,canonical:i,openGraph:{url:i,title:t,siteName:"".concat(p," - ").concat(x),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,s.jsx)(()=>(0,s.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,s.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,s.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,s.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,s.jsx)(n(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,s.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){},1028:function(e,t,r){"use strict";r.d(t,{Th:function(){return Q},jG:function(){return et}});var s,i=r(5271),n="colors",l="sizes",o="space",a={gap:o,gridGap:o,columnGap:o,gridColumnGap:o,rowGap:o,gridRowGap:o,inset:o,insetBlock:o,insetBlockEnd:o,insetBlockStart:o,insetInline:o,insetInlineEnd:o,insetInlineStart:o,margin:o,marginTop:o,marginRight:o,marginBottom:o,marginLeft:o,marginBlock:o,marginBlockEnd:o,marginBlockStart:o,marginInline:o,marginInlineEnd:o,marginInlineStart:o,padding:o,paddingTop:o,paddingRight:o,paddingBottom:o,paddingLeft:o,paddingBlock:o,paddingBlockEnd:o,paddingBlockStart:o,paddingInline:o,paddingInlineEnd:o,paddingInlineStart:o,top:o,right:o,bottom:o,left:o,scrollMargin:o,scrollMarginTop:o,scrollMarginRight:o,scrollMarginBottom:o,scrollMarginLeft:o,scrollMarginX:o,scrollMarginY:o,scrollMarginBlock:o,scrollMarginBlockEnd:o,scrollMarginBlockStart:o,scrollMarginInline:o,scrollMarginInlineEnd:o,scrollMarginInlineStart:o,scrollPadding:o,scrollPaddingTop:o,scrollPaddingRight:o,scrollPaddingBottom:o,scrollPaddingLeft:o,scrollPaddingX:o,scrollPaddingY:o,scrollPaddingBlock:o,scrollPaddingBlockEnd:o,scrollPaddingBlockStart:o,scrollPaddingInline:o,scrollPaddingInlineEnd:o,scrollPaddingInlineStart:o,fontSize:"fontSizes",background:n,backgroundColor:n,backgroundImage:n,borderImage:n,border:n,borderBlock:n,borderBlockEnd:n,borderBlockStart:n,borderBottom:n,borderBottomColor:n,borderColor:n,borderInline:n,borderInlineEnd:n,borderInlineStart:n,borderLeft:n,borderLeftColor:n,borderRight:n,borderRightColor:n,borderTop:n,borderTopColor:n,caretColor:n,color:n,columnRuleColor:n,fill:n,outline:n,outlineColor:n,stroke:n,textDecorationColor:n,fontFamily:"fonts",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",blockSize:l,minBlockSize:l,maxBlockSize:l,inlineSize:l,minInlineSize:l,maxInlineSize:l,width:l,minWidth:l,maxWidth:l,height:l,minHeight:l,maxHeight:l,flexBasis:l,gridTemplateColumns:l,gridTemplateRows:l,borderWidth:"borderWidths",borderTopWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderLeftWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",transition:"transitions",zIndex:"zIndices"},c=(e,t)=>"function"==typeof t?{"()":Function.prototype.toString.call(t)}:t,d=()=>{let e=Object.create(null);return(t,r,...s)=>{let i=JSON.stringify(t,c);return i in e?e[i]:e[i]=r(t,...s)}},h=Symbol.for("sxs.internal"),p=(e,t)=>Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)),x=e=>{for(let t in e)return!0;return!1},{hasOwnProperty:m}=Object.prototype,u=e=>e.includes("-")?e:e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase()),k=/\s+(?![^()]*\))/,g=e=>t=>e(..."string"==typeof t?String(t).split(k):[t]),j={appearance:e=>({WebkitAppearance:e,appearance:e}),backfaceVisibility:e=>({WebkitBackfaceVisibility:e,backfaceVisibility:e}),backdropFilter:e=>({WebkitBackdropFilter:e,backdropFilter:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),boxDecorationBreak:e=>({WebkitBoxDecorationBreak:e,boxDecorationBreak:e}),clipPath:e=>({WebkitClipPath:e,clipPath:e}),content:e=>({content:e.includes('"')||e.includes("'")||/^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e)?e:`"${e}"`}),hyphens:e=>({WebkitHyphens:e,hyphens:e}),maskImage:e=>({WebkitMaskImage:e,maskImage:e}),maskSize:e=>({WebkitMaskSize:e,maskSize:e}),tabSize:e=>({MozTabSize:e,tabSize:e}),textSizeAdjust:e=>({WebkitTextSizeAdjust:e,textSizeAdjust:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),marginBlock:g((e,t)=>({marginBlockStart:e,marginBlockEnd:t||e})),marginInline:g((e,t)=>({marginInlineStart:e,marginInlineEnd:t||e})),maxSize:g((e,t)=>({maxBlockSize:e,maxInlineSize:t||e})),minSize:g((e,t)=>({minBlockSize:e,minInlineSize:t||e})),paddingBlock:g((e,t)=>({paddingBlockStart:e,paddingBlockEnd:t||e})),paddingInline:g((e,t)=>({paddingInlineStart:e,paddingInlineEnd:t||e}))},f=/([\d.]+)([^]*)/,y=(e,t)=>e.length?e.reduce((e,r)=>(e.push(...t.map(e=>e.includes("&")?e.replace(/&/g,/[ +>|~]/.test(r)&&/&.*&/.test(e)?`:is(${r})`:r):r+" "+e)),e),[]):t,b=(e,t)=>e in v&&"string"==typeof t?t.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/,(t,r,s,i)=>r+("stretch"===s?`-moz-available${i};${u(e)}:${r}-webkit-fill-available`:`-moz-fit-content${i};${u(e)}:${r}fit-content`)+i):String(t),v={blockSize:1,height:1,inlineSize:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,width:1},S=e=>e?e+"-":"",w=(e,t,r)=>e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g,(e,s,i,n,l)=>"$"==n==!!i?e:(s||"--"==n?"calc(":"")+"var(--"+("$"===n?S(t)+(l.includes("$")?"":S(r))+l.replace(/\$/g,"-"):l)+")"+(s||"--"==n?"*"+(s||"")+(i||"1")+")":"")),M=/\s*,\s*(?![^()]*\))/,I=Object.prototype.toString,R=(e,t,r,s,i)=>{let n,l,o;let a=(e,t,r)=>{let c,d;let h=e=>{var p;for(c in e){let x=64===c.charCodeAt(0);for(d of x&&Array.isArray(e[c])?e[c]:[e[c]]){let e=/[A-Z]/.test(p=c)?p:p.replace(/-[^]/g,e=>e[1].toUpperCase()),m="object"==typeof d&&d&&d.toString===I&&(!s.utils[e]||!t.length);if(e in s.utils&&!m){let t=s.utils[e];if(t!==l){l=t,h(t(d)),l=null;continue}}else if(e in j){let t=j[e];if(t!==o){o=t,h(t(d)),o=null;continue}}if(x&&(c=(c.slice(1) in s.media?"@media "+s.media[c.slice(1)]:c).replace(/\(\s*([\w-]+)\s*(=|<|<=|>|>=)\s*([\w-]+)\s*(?:(<|<=|>|>=)\s*([\w-]+)\s*)?\)/g,(e,t,r,s,i,n)=>{let l=f.test(t),o=.0625*(l?-1:1),[a,c]=l?[s,t]:[t,s];return"("+("="===r[0]?"":">"===r[0]===l?"max-":"min-")+a+":"+("="!==r[0]&&1===r.length?c.replace(f,(e,t,s)=>Number(t)+o*(">"===r?1:-1)+s):c)+(i?") and ("+(">"===i[0]?"min-":"max-")+a+":"+(1===i.length?n.replace(f,(e,t,r)=>Number(t)+o*(">"===i?-1:1)+r):n):"")+")"})),m){let e=x?r.concat(c):[...r],s=x?[...t]:y(t,c.split(M));void 0!==n&&i(B(...n)),n=void 0,a(d,s,e)}else void 0===n&&(n=[[],t,r]),c=x||36!==c.charCodeAt(0)?c:`--${S(s.prefix)}${c.slice(1).replace(/\$/g,"-")}`,d=m?d:"number"==typeof d?d&&e in N?String(d)+"px":String(d):w(b(e,null==d?"":d),s.prefix,s.themeMap[e]),n[0].push(`${x?`${c} `:`${u(c)}:`}${d}`)}}};h(e),void 0!==n&&i(B(...n)),n=void 0};a(e,t,r)},B=(e,t,r)=>`${r.map(e=>`${e}{`).join("")}${t.length?`${t.join(",")}{`:""}${e.join(";")}${t.length?"}":""}${Array(r.length?r.length+1:0).join("}")}`,N={animationDelay:1,animationDuration:1,backgroundSize:1,blockSize:1,border:1,borderBlock:1,borderBlockEnd:1,borderBlockEndWidth:1,borderBlockStart:1,borderBlockStartWidth:1,borderBlockWidth:1,borderBottom:1,borderBottomLeftRadius:1,borderBottomRightRadius:1,borderBottomWidth:1,borderEndEndRadius:1,borderEndStartRadius:1,borderInlineEnd:1,borderInlineEndWidth:1,borderInlineStart:1,borderInlineStartWidth:1,borderInlineWidth:1,borderLeft:1,borderLeftWidth:1,borderRadius:1,borderRight:1,borderRightWidth:1,borderSpacing:1,borderStartEndRadius:1,borderStartStartRadius:1,borderTop:1,borderTopLeftRadius:1,borderTopRightRadius:1,borderTopWidth:1,borderWidth:1,bottom:1,columnGap:1,columnRule:1,columnRuleWidth:1,columnWidth:1,containIntrinsicSize:1,flexBasis:1,fontSize:1,gap:1,gridAutoColumns:1,gridAutoRows:1,gridTemplateColumns:1,gridTemplateRows:1,height:1,inlineSize:1,inset:1,insetBlock:1,insetBlockEnd:1,insetBlockStart:1,insetInline:1,insetInlineEnd:1,insetInlineStart:1,left:1,letterSpacing:1,margin:1,marginBlock:1,marginBlockEnd:1,marginBlockStart:1,marginBottom:1,marginInline:1,marginInlineEnd:1,marginInlineStart:1,marginLeft:1,marginRight:1,marginTop:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,offsetDistance:1,offsetRotate:1,outline:1,outlineOffset:1,outlineWidth:1,overflowClipMargin:1,padding:1,paddingBlock:1,paddingBlockEnd:1,paddingBlockStart:1,paddingBottom:1,paddingInline:1,paddingInlineEnd:1,paddingInlineStart:1,paddingLeft:1,paddingRight:1,paddingTop:1,perspective:1,right:1,rowGap:1,scrollMargin:1,scrollMarginBlock:1,scrollMarginBlockEnd:1,scrollMarginBlockStart:1,scrollMarginBottom:1,scrollMarginInline:1,scrollMarginInlineEnd:1,scrollMarginInlineStart:1,scrollMarginLeft:1,scrollMarginRight:1,scrollMarginTop:1,scrollPadding:1,scrollPaddingBlock:1,scrollPaddingBlockEnd:1,scrollPaddingBlockStart:1,scrollPaddingBottom:1,scrollPaddingInline:1,scrollPaddingInlineEnd:1,scrollPaddingInlineStart:1,scrollPaddingLeft:1,scrollPaddingRight:1,scrollPaddingTop:1,shapeMargin:1,textDecoration:1,textDecorationThickness:1,textIndent:1,textUnderlineOffset:1,top:1,transitionDelay:1,transitionDuration:1,verticalAlign:1,width:1,wordSpacing:1},P=e=>String.fromCharCode(e+(e>25?39:97)),$=e=>(e=>{let t,r="";for(t=Math.abs(e);t>52;t=t/52|0)r=P(t%52)+r;return P(t%52)+r})(((e,t)=>{let r=t.length;for(;r;)e=33*e^t.charCodeAt(--r);return e})(5381,JSON.stringify(e))>>>0),C=["themed","global","styled","onevar","resonevar","allvar","inline"],z=e=>{if(e.href&&!e.href.startsWith(location.origin))return!1;try{return!!e.cssRules}catch(e){return!1}},T=e=>{let t;let r=()=>{let{cssRules:e}=t.sheet;return[].map.call(e,(r,s)=>{let{cssText:i}=r,n="";if(i.startsWith("--sxs"))return"";if(e[s-1]&&(n=e[s-1].cssText).startsWith("--sxs")){if(!r.cssRules.length)return"";for(let e in t.rules)if(t.rules[e].group===r)return`--sxs{--sxs:${[...t.rules[e].cache].join(" ")}}${i}`;return r.cssRules.length?`${n}${i}`:""}return i}).join("")},s=()=>{if(t){let{rules:e,sheet:r}=t;if(!r.deleteRule){for(;3===Object(Object(r.cssRules)[0]).type;)r.cssRules.splice(0,1);r.cssRules=[]}for(let t in e)delete e[t]}for(let i of Object(e).styleSheets||[])if(z(i)){for(let e=0,n=i.cssRules;n[e];++e){let l=Object(n[e]);if(1!==l.type)continue;let o=Object(n[e+1]);if(4!==o.type)continue;++e;let{cssText:a}=l;if(!a.startsWith("--sxs"))continue;let c=a.slice(14,-3).trim().split(/\s+/),d=C[c[0]];d&&(t||(t={sheet:i,reset:s,rules:{},toString:r}),t.rules[d]={group:o,index:e,cache:new Set(c)})}if(t)break}if(!t){let i=(e,t)=>({type:t,cssRules:[],insertRule(e,t){this.cssRules.splice(t,0,i(e,{import:3,undefined:1}[(e.toLowerCase().match(/^@([a-z]+)/)||[])[1]]||4))},get cssText(){return"@media{}"===e?`@media{${[].map.call(this.cssRules,e=>e.cssText).join("")}}`:e}});t={sheet:e?(e.head||e).appendChild(document.createElement("style")).sheet:i("","text/css"),rules:{},reset:s,toString:r}}let{sheet:i,rules:n}=t;for(let e=C.length-1;e>=0;--e){let t=C[e];if(!n[t]){let r=C[e+1],s=n[r]?n[r].index:i.cssRules.length;i.insertRule("@media{}",s),i.insertRule(`--sxs{--sxs:${e}}`,s),n[t]={group:i.cssRules[s+1],index:s,cache:new Set([e])}}E(n[t])}};return s(),t},E=e=>{let t=e.group,r=t.cssRules.length;e.apply=e=>{try{t.insertRule(e,r),++r}catch(e){}}},W=Symbol(),L=d(),O=(e,t)=>L(e,()=>(...r)=>{let s={type:null,composers:new Set};for(let t of r)if(null!=t){if(t[h])for(let e of(null==s.type&&(s.type=t[h].type),t[h].composers))s.composers.add(e);else t.constructor!==Object||t.$$typeof?null==s.type&&(s.type=t):s.composers.add(A(t,e))}return null==s.type&&(s.type="span"),s.composers.size||s.composers.add(["PJLV",{},[],[],{},[]]),F(e,s,t)}),A=({variants:e,compoundVariants:t,defaultVariants:r,...s},i)=>{let n=`${S(i.prefix)}c-${$(s)}`,l=[],o=[],a=Object.create(null),c=[];for(let e in r)a[e]=String(r[e]);if("object"==typeof e&&e)for(let t in e){m.call(a,t)||(a[t]="undefined");let r=e[t];for(let e in r){let s={[t]:String(e)};"undefined"===String(e)&&c.push(t);let i=r[e],n=[s,i,!x(i)];l.push(n)}}if("object"==typeof t&&t)for(let e of t){let{css:t,...r}=e;for(let e in t="object"==typeof t&&t||{},r)r[e]=String(r[e]);let s=[r,t,!x(t)];o.push(s)}return[n,s,l,o,a,c]},F=(e,t,r)=>{let[s,i,n,l]=_(t.composers),o="function"==typeof t.type||t.type.$$typeof?(e=>{function t(){for(let r=0;rt.rules[e]={apply:r=>t[W].push([e,r])}),t})(r):null,a=(o||r).rules,c=`.${s}${i.length>1?`:where(.${i.slice(1).join(".")})`:""}`,d=d=>{let{css:h,...p}=d="object"==typeof d&&d||V,x={};for(let e in n)if(delete p[e],e in d){let t=d[e];"object"==typeof t&&t?x[e]={"@initial":n[e],...t}:(t=String(t),x[e]="undefined"!==t||l.has(e)?t:n[e])}else x[e]=n[e];let m=new Set([...i]);for(let[s,i,n,l]of t.composers){r.rules.styled.cache.has(s)||(r.rules.styled.cache.add(s),R(i,[`.${s}`],[],e,e=>{a.styled.apply(e)}));let t=D(n,x,e.media),o=D(l,x,e.media,!0);for(let i of t)if(void 0!==i)for(let[t,n,l]of i){let i=`${s}-${$(n)}-${t}`;m.add(i);let o=(l?r.rules.resonevar:r.rules.onevar).cache,c=l?a.resonevar:a.onevar;o.has(i)||(o.add(i),R(n,[`.${i}`],[],e,e=>{c.apply(e)}))}for(let t of o)if(void 0!==t)for(let[i,n]of t){let t=`${s}-${$(n)}-${i}`;m.add(t),r.rules.allvar.cache.has(t)||(r.rules.allvar.cache.add(t),R(n,[`.${t}`],[],e,e=>{a.allvar.apply(e)}))}}if("object"==typeof h&&h){let t=`${s}-i${$(h)}-css`;m.add(t),r.rules.inline.cache.has(t)||(r.rules.inline.cache.add(t),R(h,[`.${t}`],[],e,e=>{a.inline.apply(e)}))}for(let e of String(d.className||"").trim().split(/\s+/))e&&m.add(e);let u=p.className=[...m].join(" ");return{type:t.type,className:u,selector:c,props:p,toString:()=>u,deferredInjector:o}};return p(d,{className:s,selector:c,[h]:t,toString:()=>(r.rules.styled.cache.has(s)||d(),s)})},_=e=>{let t="",r=[],s={},i=[];for(let[n,,,,l,o]of e)for(let e in""===t&&(t=n),r.push(n),i.push(...o),l){let t=l[e];(void 0===s[e]||"undefined"!==t||o.includes(t))&&(s[e]=t)}return[t,r,s,new Set(i)]},D=(e,t,r,s)=>{let i=[];e:for(let[n,l,o]of e){if(o)continue;let e,a=0,c=!1;for(e in n){let s=n[e],i=t[e];if(i!==s){if("object"!=typeof i||!i)continue e;{let e,t,n=0;for(let l in i){if(s===String(i[l])){if("@initial"!==l){let e=l.slice(1);(t=t||[]).push(e in r?r[e]:l.replace(/^@media ?/,"")),c=!0}a+=n,e=!0}++n}if(t&&t.length&&(l={["@media "+t.join(", ")]:l}),!e)continue e}}}(i[a]=i[a]||[]).push([s?"cv":`${e}-${n[e]}`,l,c])}return i},V={},Z=d(),H=(e,t)=>Z(e,()=>(...r)=>{let s=()=>{for(let s of r){let r=$(s="object"==typeof s&&s||{});if(!t.rules.global.cache.has(r)){if(t.rules.global.cache.add(r),"@import"in s){let e=[].indexOf.call(t.sheet.cssRules,t.rules.themed.group)-1;for(let r of[].concat(s["@import"]))r=r.includes('"')||r.includes("'")?r:`"${r}"`,t.sheet.insertRule(`@import ${r};`,e++);delete s["@import"]}R(s,[],[],e,e=>{t.rules.global.apply(e)})}}return""};return p(s,{toString:s})}),U=d(),G=(e,t)=>U(e,()=>r=>{let s=`${S(e.prefix)}k-${$(r)}`,i=()=>{if(!t.rules.global.cache.has(s)){t.rules.global.cache.add(s);let i=[];R(r,[],[],e,e=>i.push(e));let n=`@keyframes ${s}{${i.join("")}}`;t.rules.global.apply(n)}return s};return p(i,{get name(){return i()},toString:i})}),q=class{constructor(e,t,r,s){this.token=null==e?"":String(e),this.value=null==t?"":String(t),this.scale=null==r?"":String(r),this.prefix=null==s?"":String(s)}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+S(this.prefix)+S(this.scale)+this.token}toString(){return this.computedValue}},J=d(),K=(e,t)=>J(e,()=>(r,s)=>{s="object"==typeof r&&r||Object(s);let i=`.${r=(r="string"==typeof r?r:"")||`${S(e.prefix)}t-${$(s)}`}`,n={},l=[];for(let t in s)for(let r in n[t]={},s[t]){let i=`--${S(e.prefix)}${t}-${r}`,o=w(String(s[t][r]),e.prefix,t);n[t][r]=new q(r,o,t,e.prefix),l.push(`${i}:${o}`)}let o=()=>{if(l.length&&!t.rules.themed.cache.has(r)){t.rules.themed.cache.add(r);let i=`${s===e.theme?":root,":""}.${r}{${l.join(";")}}`;t.rules.themed.apply(i)}return r};return{...n,get className(){return o()},selector:i,toString:o}}),X=d(),Y=d(),Q=e=>{let t=(e=>{let t=!1,r=X(e,e=>{t=!0;let r="prefix"in(e="object"==typeof e&&e||{})?String(e.prefix):"",s="object"==typeof e.media&&e.media||{},i="object"==typeof e.root?e.root||null:globalThis.document||null,n="object"==typeof e.theme&&e.theme||{},l={prefix:r,media:s,theme:n,themeMap:"object"==typeof e.themeMap&&e.themeMap||{...a},utils:"object"==typeof e.utils&&e.utils||{}},o=T(i),c={css:O(l,o),globalCss:H(l,o),keyframes:G(l,o),createTheme:K(l,o),reset(){o.reset(),c.theme.toString()},theme:{},sheet:o,config:l,prefix:r,getCssText:o.toString,toString:o.toString};return String(c.theme=c.createTheme(n)),c});return t||r.reset(),r})(e);return t.styled=(({config:e,sheet:t})=>Y(e,()=>{let r=O(e,t);return(...e)=>{let t=r(...e),s=t[h].type,n=i.forwardRef((e,r)=>{let n=e&&e.as||s,{props:l,deferredInjector:o}=t(e);return delete l.as,l.ref=r,o?i.createElement(i.Fragment,null,i.createElement(n,l),i.createElement(o,null)):i.createElement(n,l)});return n.className=t.className,n.displayName=`Styled.${s.displayName||s.name||s}`,n.selector=t.selector,n.toString=()=>t.selector,n[h]=t[h],n}}))(t),t},ee=()=>s||(s=Q()),et=(...e)=>ee().createTheme(...e)}},function(e){e.O(0,[585,546,965,580,542,888,774,179],function(){return e(e.s=9658)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/docs/requiredStatement-290ac77de805f6ec.js b/_next/static/chunks/pages/docs/requiredStatement-c215e14b78f91a00.js similarity index 63% rename from _next/static/chunks/pages/docs/requiredStatement-290ac77de805f6ec.js rename to _next/static/chunks/pages/docs/requiredStatement-c215e14b78f91a00.js index a3ff66cb..127e9ccd 100644 --- a/_next/static/chunks/pages/docs/requiredStatement-290ac77de805f6ec.js +++ b/_next/static/chunks/pages/docs/requiredStatement-c215e14b78f91a00.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[612],{3676:function(e,s,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/requiredStatement",function(){return r(6866)}])},6866:function(e,s,r){"use strict";r.r(s),r.d(s,{__toc:function(){return h}});var i=r(2676),t=r(5384),n=r(826),l=r(7104);r(1952);var o=r(7532),a=r(1973),c=r(4384),d=r(3860);let h=[{depth:2,value:"Usage",id:"usage"},{depth:3,value:"React",id:"react"},{depth:2,value:"API Reference",id:"api-reference"},{depth:3,value:"HTML Attributes",id:"html-attributes"},{depth:3,value:"Language",id:"language"},{depth:3,value:"Custom Delimiter",id:"custom-delimiter"}];function x(e){let s=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",h2:"h2",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",strong:"strong"},(0,o.a)(),e.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.h1,{children:"RequiredStatement"}),"\n",(0,i.jsx)(s.p,{children:"The RequiredStatement component renders the required statement for a IIIF resource. The required statement is a human readable label and value pair that describes the rights status of the resource."}),"\n",(0,i.jsx)(a.Z,{href:"https://iiif.io/api/presentation/3.0/#requiredstatement",text:["requiredStatement"]}),"\n",(0,i.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"RequiredStatement"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"requiredStatement"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Attribution"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Courtesy of Northwestern University Libraries"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"The images on this web site are from material in the collections of the Charles Deering McCormick Library of Special Collections of Northwestern University Libraries, are provided for use by its students, faculty and staff, and by other researchers visiting this site, for research consultation and scholarly purposes only. Further distribution and/or any commercial use of the images from this site is not permitted."'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(c.bT,{requiredStatement:{label:{none:["Attribution"]},value:{none:["Courtesy of Northwestern University Libraries","The images on this web site are from material in the collections of the Charles Deering McCormick Library of Special Collections of Northwestern University Libraries, are provided for use by its students, faculty and staff, and by other researchers visiting this site, for research consultation and scholarly purposes only. Further distribution and/or any commercial use of the images from this site is not permitted."]}}})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dl"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"group"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"data-label"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"attribution"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dt"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">Attribution"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dd"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Courtesy of Northwestern University Libraries, The images on this web"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" site are from material in the collections of the Charles Deering"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" McCormick Library of Special Collections of Northwestern University"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Libraries, are provided for use by its students, faculty and staff,"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" and by other researchers visiting this site, for research consultation"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" and scholarly purposes only. Further distribution and/or any"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" commercial use of the images from this site is not permitted."})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,i.jsx)(s.h2,{id:"usage",children:"Usage"}),"\n",(0,i.jsx)(s.h3,{id:"react",children:"React"}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { RequiredStatement } "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/primitives"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"CustomRequiredStatement"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ({ requiredStatement }) "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"RequiredStatement"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"requiredStatement"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{requiredStatement} />;"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" CustomRequiredStatement;"})]})]})}),"\n",(0,i.jsx)(s.h2,{id:"api-reference",children:"API Reference"}),"\n",(0,i.jsxs)(s.table,{children:[(0,i.jsx)(s.thead,{children:(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.th,{children:"Prop"}),(0,i.jsx)(s.th,{children:"Type"}),(0,i.jsx)(s.th,{children:"Default"}),(0,i.jsx)(s.th,{children:"Required"})]})}),(0,i.jsxs)(s.tbody,{children:[(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"as"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"dl"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"dl"})}),(0,i.jsx)(s.td,{children:"--"})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"requiredStatement"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.a,{href:"https://iiif.io/api/presentation/3.0/#requiredStatement",children:"requiredStatement"})}),(0,i.jsx)(s.td,{children:"--"}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.strong,{children:"Yes"})})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"customValueDelimiter"})}),(0,i.jsx)(s.td,{children:"string?"}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:","})}),(0,i.jsx)(s.td,{children:"--"})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"className"})}),(0,i.jsxs)(s.td,{children:[(0,i.jsx)(s.code,{children:"string"}),", ",(0,i.jsx)(s.code,{children:"undefined"})]}),(0,i.jsx)(s.td,{children:"--"}),(0,i.jsx)(s.td,{children:"--"})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"style"})}),(0,i.jsxs)(s.td,{children:[(0,i.jsx)(s.code,{children:"CSSProperties"}),", ",(0,i.jsx)(s.code,{children:"undefined"})]}),(0,i.jsx)(s.td,{children:"--"}),(0,i.jsx)(s.td,{children:"--"})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"lang"})}),(0,i.jsxs)(s.td,{children:[(0,i.jsx)(s.code,{children:"string"}),", ",(0,i.jsx)(s.code,{children:"undefined"})]}),(0,i.jsx)(s.td,{children:"--"}),(0,i.jsx)(s.td,{children:"--"})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"title"})}),(0,i.jsxs)(s.td,{children:[(0,i.jsx)(s.code,{children:"string"}),", ",(0,i.jsx)(s.code,{children:"undefined"})]}),(0,i.jsx)(s.td,{children:"--"}),(0,i.jsx)(s.td,{children:"--"})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"data-*"})}),(0,i.jsxs)(s.td,{children:[(0,i.jsx)(s.code,{children:"string"}),", ",(0,i.jsx)(s.code,{children:"undefined"})]}),(0,i.jsx)(s.td,{children:"--"}),(0,i.jsx)(s.td,{children:"--"})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"aria-*"})}),(0,i.jsxs)(s.td,{children:[(0,i.jsx)(s.code,{children:"AriaAttributes"}),", ",(0,i.jsx)(s.code,{children:"undefined"})]}),(0,i.jsx)(s.td,{children:"--"}),(0,i.jsx)(s.td,{children:"--"})]})]})]}),"\n",(0,i.jsx)(s.h3,{id:"html-attributes",children:"HTML Attributes"}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.code,{children:"RequiredStatement"}),", like all Clover IIIF primitives accept common ",(0,i.jsx)(s.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement",children:"HTMLElement"})," attributes. Use the JSX style ",(0,i.jsx)(s.code,{children:"className"})," prop to add custom classes. The same attribute methodology can be used for ",(0,i.jsx)(s.code,{children:"id"}),", ",(0,i.jsx)(s.code,{children:"style"}),", ",(0,i.jsx)(s.code,{children:"title"}),", ",(0,i.jsx)(s.code,{children:"data-*"}),", and ",(0,i.jsx)(s.code,{children:"aria-*"})," props."]}),"\n",(0,i.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"RequiredStatement"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"requiredStatement"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Rights"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'\'
In Copyright: This Item is protected by copyright and/or related rights. You are free to use this Item in any way that is permitted by the copyright and related rights legislation that applies to your use. For other uses you need to obtain permission from the rights-holder(s).
\''}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"className"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"custom-class"'})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(c.bT,{requiredStatement:{label:{en:["Rights"]},value:{en:['
In Copyright: This Item is protected by copyright and/or related rights. You are free to use this Item in any way that is permitted by the copyright and related rights legislation that applies to your use. For other uses you need to obtain permission from the rights-holder(s).
']}},className:"custom-class"})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dl"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV custom-class"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"group"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"data-label"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"rights"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dt"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">Rights"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dd"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"span"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"http://rightsstatements.org/vocab/InC/1.0/"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"img"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"src"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://rightsstatements.org/files/buttons/InC.dark-white-interior-blue-type.svg"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"br"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"span"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"http://rightsstatements.org/vocab/InC/1.0/"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">In Copyright: This Item is protected by copyright and/or related rights. You are free to use this Item in any way that is permitted by the copyright and related rights legislation that applies to your use. For other uses you need to obtain permission from the rights-holder(s)."})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"br"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,i.jsx)(s.h3,{id:"language",children:"Language"}),"\n",(0,i.jsxs)(s.p,{children:["Additional to being rendered to the DOM like other attributes, the value of ",(0,i.jsx)(s.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/lang",children:(0,i.jsx)(s.code,{children:"lang"})})," will couple with ",(0,i.jsx)(s.a,{href:"https://github.com/IIIF-Commons/presentation-3-types/blob/main/iiif/descriptive.d.ts#L6-L8",children:"InternationalString"})," props to output the denoted ",(0,i.jsx)(s.code,{children:"label"}),", ",(0,i.jsx)(s.code,{children:"value"}),", ",(0,i.jsx)(s.code,{children:"summary"})," entries. If ",(0,i.jsx)(s.code,{children:"lang"})," is undefined, entries will default to the first entry in the array index. The value of ",(0,i.jsx)(s.code,{children:"lang"})," should be a two letter ",(0,i.jsx)(s.a,{href:"https://datatracker.ietf.org/doc/html/rfc5646",children:"BCP 47"})," language code."]}),"\n",(0,i.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"RequiredStatement"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"requiredStatement"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Attribution"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" no"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Kreditering"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Provided by University of Bergen Library"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" no"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Tilgjengeliggjort av Universitetsbiblioteket i Bergen"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"no"'})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(c.bT,{requiredStatement:{label:{en:["Attribution"],no:["Kreditering"]},value:{en:["Provided by University of Bergen Library"],no:["Tilgjengeliggjort av Universitetsbiblioteket i Bergen"]}},lang:"no"})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dl"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"no"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"group"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"data-label"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"attribution"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dt"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"no"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Kreditering"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dd"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"no"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Tilgjengeliggjort av Universitetsbiblioteket i Bergen"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,i.jsx)(s.h3,{id:"custom-delimiter",children:"Custom Delimiter"}),"\n",(0,i.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"RequiredStatement"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"requiredStatement"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Attribution"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Courtesy of Northwestern University Libraries"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"The images on this web site are from material in the collections of the Charles Deering McCormick Library of Special Collections of Northwestern University Libraries, are provided for use by its students, faculty and staff, and by other researchers visiting this site, for research consultation and scholarly purposes only. Further distribution and/or any commercial use of the images from this site is not permitted."'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"customValueDelimiter"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'". "'})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(c.bT,{requiredStatement:{label:{none:["Attribution"]},value:{none:["Courtesy of Northwestern University Libraries","The images on this web site are from material in the collections of the Charles Deering McCormick Library of Special Collections of Northwestern University Libraries, are provided for use by its students, faculty and staff, and by other researchers visiting this site, for research consultation and scholarly purposes only. Further distribution and/or any commercial use of the images from this site is not permitted."]}},customValueDelimiter:". "})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dl"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"group"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"data-label"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"attribution"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dt"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">Attribution"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dd"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Courtesy of Northwestern University Libraries. The images on this web"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" site are from material in the collections of the Charles Deering"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" McCormick Library of Special Collections of Northwestern University"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Libraries, are provided for use by its students, faculty and staff,"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" and by other researchers visiting this site, for research consultation"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" and scholarly purposes only. Further distribution and/or any"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" commercial use of the images from this site is not permitted."})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]})]})}let p={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:s}=Object.assign({},(0,o.a)(),e.components);return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(x,{...e})}):x(e)},pageOpts:{filePath:"pages/docs/requiredStatement.mdx",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"},timestamp:173257264e4,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"RequiredStatement",headings:h},pageNextRoute:"/docs/requiredStatement",nextraLayout:n.ZP,themeConfig:l.Z};s.default=(0,t.j)(p)},1973:function(e,s,r){"use strict";var i=r(2676),t=r(5318),n=r.n(t);r(5271);var l=r(8158);let o=()=>{let e="#ed1d33",s="#2873ab";return(0,i.jsxs)("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1",style:{height:"1rem"},children:[(0,i.jsx)("title",{children:"IIIF Logo"}),(0,i.jsx)("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)",children:(0,i.jsxs)("g",{transform:"scale(0.1)",children:[(0,i.jsx)("path",{style:{fill:s},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),(0,i.jsx)("path",{style:{fill:s},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),(0,i.jsx)("path",{style:{fill:e},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),(0,i.jsx)("path",{style:{fill:e},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),(0,i.jsx)("path",{style:{fill:s},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),(0,i.jsx)("path",{style:{fill:s},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),(0,i.jsx)("path",{style:{fill:e},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"})]})})]})},a=(0,l.zo)(n(),{display:"inline-flex",flexDirection:"column",textDecoration:"none",alignItems:"center",padding:"0.5rem 0"}),c=(0,l.zo)("span",{display:"inline-flex",alignItems:"center",justifyContent:"center"});s.Z=e=>{let{children:s,href:r,text:t=["Presentation API"]}=e;return(0,i.jsx)(a,{href:r,target:"_blank",className:"nx-flex-col",children:(0,i.jsxs)(c,{className:"nx-gap-2 nx-h-7 nx-rounded-md nx-px-2 nx-text-left nx-text-sm nx-font-medium nx-text-gray-600 nx-transition-colors dark:nx-text-gray-400 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",children:[(0,i.jsx)(o,{})," ",t.join(" or ")," ↗"]})})}},8158:function(e,s,r){"use strict";r.d(s,{BC:function(){return t},F4:function(){return o},zo:function(){return n}});var i=r(1028);let t={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:n,css:l,keyframes:o,createTheme:a}=(0,i.Th)({theme:{colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"hsl(".concat(209," 100% 38.2%)"),accentMuted:"hsl(".concat(209," 80% 61.8%)"),accentAlt:"hsl(".concat(209," 80% 30%)"),secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},media:t})},7104:function(e,s,r){"use strict";r.d(s,{Z:function(){return k}});var i=r(2676),t=r(2936),n=r.n(t),l=r(5271);let o={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},a=["Scroll"];var c=e=>{let{title:s}=e;return a.includes(s)?(0,i.jsxs)("span",{children:[s,(0,i.jsx)("span",{style:o,children:"Beta"})]}):(0,i.jsx)("span",{children:s})},d=r(826),h=r(9205);let x="Clover IIIF",p="Showcase IIIF Manifests as interoperable web content.";var k={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),s=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(x):"".concat(x," – ").concat(p),r=e.frontMatter.description?e.frontMatter.description:p,{route:i}=(0,h.useRouter)(),t=(0,l.useMemo)(()=>new URL(i.endsWith("/")?i:"".concat(i,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[i]);return{defaultTitle:"".concat(x," - ").concat(p),title:s,description:r,canonical:t,openGraph:{url:t,title:s,siteName:"".concat(x," - ").concat(p),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,i.jsx)(()=>(0,i.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,i.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,i.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,i.jsx)(n(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,i.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){},1028:function(e,s,r){"use strict";r.d(s,{Th:function(){return Q},jG:function(){return es}});var i,t=r(5271),n="colors",l="sizes",o="space",a={gap:o,gridGap:o,columnGap:o,gridColumnGap:o,rowGap:o,gridRowGap:o,inset:o,insetBlock:o,insetBlockEnd:o,insetBlockStart:o,insetInline:o,insetInlineEnd:o,insetInlineStart:o,margin:o,marginTop:o,marginRight:o,marginBottom:o,marginLeft:o,marginBlock:o,marginBlockEnd:o,marginBlockStart:o,marginInline:o,marginInlineEnd:o,marginInlineStart:o,padding:o,paddingTop:o,paddingRight:o,paddingBottom:o,paddingLeft:o,paddingBlock:o,paddingBlockEnd:o,paddingBlockStart:o,paddingInline:o,paddingInlineEnd:o,paddingInlineStart:o,top:o,right:o,bottom:o,left:o,scrollMargin:o,scrollMarginTop:o,scrollMarginRight:o,scrollMarginBottom:o,scrollMarginLeft:o,scrollMarginX:o,scrollMarginY:o,scrollMarginBlock:o,scrollMarginBlockEnd:o,scrollMarginBlockStart:o,scrollMarginInline:o,scrollMarginInlineEnd:o,scrollMarginInlineStart:o,scrollPadding:o,scrollPaddingTop:o,scrollPaddingRight:o,scrollPaddingBottom:o,scrollPaddingLeft:o,scrollPaddingX:o,scrollPaddingY:o,scrollPaddingBlock:o,scrollPaddingBlockEnd:o,scrollPaddingBlockStart:o,scrollPaddingInline:o,scrollPaddingInlineEnd:o,scrollPaddingInlineStart:o,fontSize:"fontSizes",background:n,backgroundColor:n,backgroundImage:n,borderImage:n,border:n,borderBlock:n,borderBlockEnd:n,borderBlockStart:n,borderBottom:n,borderBottomColor:n,borderColor:n,borderInline:n,borderInlineEnd:n,borderInlineStart:n,borderLeft:n,borderLeftColor:n,borderRight:n,borderRightColor:n,borderTop:n,borderTopColor:n,caretColor:n,color:n,columnRuleColor:n,fill:n,outline:n,outlineColor:n,stroke:n,textDecorationColor:n,fontFamily:"fonts",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",blockSize:l,minBlockSize:l,maxBlockSize:l,inlineSize:l,minInlineSize:l,maxInlineSize:l,width:l,minWidth:l,maxWidth:l,height:l,minHeight:l,maxHeight:l,flexBasis:l,gridTemplateColumns:l,gridTemplateRows:l,borderWidth:"borderWidths",borderTopWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderLeftWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",transition:"transitions",zIndex:"zIndices"},c=(e,s)=>"function"==typeof s?{"()":Function.prototype.toString.call(s)}:s,d=()=>{let e=Object.create(null);return(s,r,...i)=>{let t=JSON.stringify(s,c);return t in e?e[t]:e[t]=r(s,...i)}},h=Symbol.for("sxs.internal"),x=(e,s)=>Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)),p=e=>{for(let s in e)return!0;return!1},{hasOwnProperty:k}=Object.prototype,j=e=>e.includes("-")?e:e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase()),y=/\s+(?![^()]*\))/,m=e=>s=>e(..."string"==typeof s?String(s).split(y):[s]),u={appearance:e=>({WebkitAppearance:e,appearance:e}),backfaceVisibility:e=>({WebkitBackfaceVisibility:e,backfaceVisibility:e}),backdropFilter:e=>({WebkitBackdropFilter:e,backdropFilter:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),boxDecorationBreak:e=>({WebkitBoxDecorationBreak:e,boxDecorationBreak:e}),clipPath:e=>({WebkitClipPath:e,clipPath:e}),content:e=>({content:e.includes('"')||e.includes("'")||/^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e)?e:`"${e}"`}),hyphens:e=>({WebkitHyphens:e,hyphens:e}),maskImage:e=>({WebkitMaskImage:e,maskImage:e}),maskSize:e=>({WebkitMaskSize:e,maskSize:e}),tabSize:e=>({MozTabSize:e,tabSize:e}),textSizeAdjust:e=>({WebkitTextSizeAdjust:e,textSizeAdjust:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),marginBlock:m((e,s)=>({marginBlockStart:e,marginBlockEnd:s||e})),marginInline:m((e,s)=>({marginInlineStart:e,marginInlineEnd:s||e})),maxSize:m((e,s)=>({maxBlockSize:e,maxInlineSize:s||e})),minSize:m((e,s)=>({minBlockSize:e,minInlineSize:s||e})),paddingBlock:m((e,s)=>({paddingBlockStart:e,paddingBlockEnd:s||e})),paddingInline:m((e,s)=>({paddingInlineStart:e,paddingInlineEnd:s||e}))},g=/([\d.]+)([^]*)/,v=(e,s)=>e.length?e.reduce((e,r)=>(e.push(...s.map(e=>e.includes("&")?e.replace(/&/g,/[ +>|~]/.test(r)&&/&.*&/.test(e)?`:is(${r})`:r):r+" "+e)),e),[]):s,f=(e,s)=>e in b&&"string"==typeof s?s.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/,(s,r,i,t)=>r+("stretch"===i?`-moz-available${t};${j(e)}:${r}-webkit-fill-available`:`-moz-fit-content${t};${j(e)}:${r}fit-content`)+t):String(s),b={blockSize:1,height:1,inlineSize:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,width:1},S=e=>e?e+"-":"",w=(e,s,r)=>e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g,(e,i,t,n,l)=>"$"==n==!!t?e:(i||"--"==n?"calc(":"")+"var(--"+("$"===n?S(s)+(l.includes("$")?"":S(r))+l.replace(/\$/g,"-"):l)+")"+(i||"--"==n?"*"+(i||"")+(t||"1")+")":"")),N=/\s*,\s*(?![^()]*\))/,I=Object.prototype.toString,M=(e,s,r,i,t)=>{let n,l,o;let a=(e,s,r)=>{let c,d;let h=e=>{var x;for(c in e){let p=64===c.charCodeAt(0);for(d of p&&Array.isArray(e[c])?e[c]:[e[c]]){let e=/[A-Z]/.test(x=c)?x:x.replace(/-[^]/g,e=>e[1].toUpperCase()),k="object"==typeof d&&d&&d.toString===I&&(!i.utils[e]||!s.length);if(e in i.utils&&!k){let s=i.utils[e];if(s!==l){l=s,h(s(d)),l=null;continue}}else if(e in u){let s=u[e];if(s!==o){o=s,h(s(d)),o=null;continue}}if(p&&(c=(c.slice(1) in i.media?"@media "+i.media[c.slice(1)]:c).replace(/\(\s*([\w-]+)\s*(=|<|<=|>|>=)\s*([\w-]+)\s*(?:(<|<=|>|>=)\s*([\w-]+)\s*)?\)/g,(e,s,r,i,t,n)=>{let l=g.test(s),o=.0625*(l?-1:1),[a,c]=l?[i,s]:[s,i];return"("+("="===r[0]?"":">"===r[0]===l?"max-":"min-")+a+":"+("="!==r[0]&&1===r.length?c.replace(g,(e,s,i)=>Number(s)+o*(">"===r?1:-1)+i):c)+(t?") and ("+(">"===t[0]?"min-":"max-")+a+":"+(1===t.length?n.replace(g,(e,s,r)=>Number(s)+o*(">"===t?-1:1)+r):n):"")+")"})),k){let e=p?r.concat(c):[...r],i=p?[...s]:v(s,c.split(N));void 0!==n&&t(C(...n)),n=void 0,a(d,i,e)}else void 0===n&&(n=[[],s,r]),c=p||36!==c.charCodeAt(0)?c:`--${S(i.prefix)}${c.slice(1).replace(/\$/g,"-")}`,d=k?d:"number"==typeof d?d&&e in R?String(d)+"px":String(d):w(f(e,null==d?"":d),i.prefix,i.themeMap[e]),n[0].push(`${p?`${c} `:`${j(c)}:`}${d}`)}}};h(e),void 0!==n&&t(C(...n)),n=void 0};a(e,s,r)},C=(e,s,r)=>`${r.map(e=>`${e}{`).join("")}${s.length?`${s.join(",")}{`:""}${e.join(";")}${s.length?"}":""}${Array(r.length?r.length+1:0).join("}")}`,R={animationDelay:1,animationDuration:1,backgroundSize:1,blockSize:1,border:1,borderBlock:1,borderBlockEnd:1,borderBlockEndWidth:1,borderBlockStart:1,borderBlockStartWidth:1,borderBlockWidth:1,borderBottom:1,borderBottomLeftRadius:1,borderBottomRightRadius:1,borderBottomWidth:1,borderEndEndRadius:1,borderEndStartRadius:1,borderInlineEnd:1,borderInlineEndWidth:1,borderInlineStart:1,borderInlineStartWidth:1,borderInlineWidth:1,borderLeft:1,borderLeftWidth:1,borderRadius:1,borderRight:1,borderRightWidth:1,borderSpacing:1,borderStartEndRadius:1,borderStartStartRadius:1,borderTop:1,borderTopLeftRadius:1,borderTopRightRadius:1,borderTopWidth:1,borderWidth:1,bottom:1,columnGap:1,columnRule:1,columnRuleWidth:1,columnWidth:1,containIntrinsicSize:1,flexBasis:1,fontSize:1,gap:1,gridAutoColumns:1,gridAutoRows:1,gridTemplateColumns:1,gridTemplateRows:1,height:1,inlineSize:1,inset:1,insetBlock:1,insetBlockEnd:1,insetBlockStart:1,insetInline:1,insetInlineEnd:1,insetInlineStart:1,left:1,letterSpacing:1,margin:1,marginBlock:1,marginBlockEnd:1,marginBlockStart:1,marginBottom:1,marginInline:1,marginInlineEnd:1,marginInlineStart:1,marginLeft:1,marginRight:1,marginTop:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,offsetDistance:1,offsetRotate:1,outline:1,outlineOffset:1,outlineWidth:1,overflowClipMargin:1,padding:1,paddingBlock:1,paddingBlockEnd:1,paddingBlockStart:1,paddingBottom:1,paddingInline:1,paddingInlineEnd:1,paddingInlineStart:1,paddingLeft:1,paddingRight:1,paddingTop:1,perspective:1,right:1,rowGap:1,scrollMargin:1,scrollMarginBlock:1,scrollMarginBlockEnd:1,scrollMarginBlockStart:1,scrollMarginBottom:1,scrollMarginInline:1,scrollMarginInlineEnd:1,scrollMarginInlineStart:1,scrollMarginLeft:1,scrollMarginRight:1,scrollMarginTop:1,scrollPadding:1,scrollPaddingBlock:1,scrollPaddingBlockEnd:1,scrollPaddingBlockStart:1,scrollPaddingBottom:1,scrollPaddingInline:1,scrollPaddingInlineEnd:1,scrollPaddingInlineStart:1,scrollPaddingLeft:1,scrollPaddingRight:1,scrollPaddingTop:1,shapeMargin:1,textDecoration:1,textDecorationThickness:1,textIndent:1,textUnderlineOffset:1,top:1,transitionDelay:1,transitionDuration:1,verticalAlign:1,width:1,wordSpacing:1},B=e=>String.fromCharCode(e+(e>25?39:97)),P=e=>(e=>{let s,r="";for(s=Math.abs(e);s>52;s=s/52|0)r=B(s%52)+r;return B(s%52)+r})(((e,s)=>{let r=s.length;for(;r;)e=33*e^s.charCodeAt(--r);return e})(5381,JSON.stringify(e))>>>0),$=["themed","global","styled","onevar","resonevar","allvar","inline"],T=e=>{if(e.href&&!e.href.startsWith(location.origin))return!1;try{return!!e.cssRules}catch(e){return!1}},L=e=>{let s;let r=()=>{let{cssRules:e}=s.sheet;return[].map.call(e,(r,i)=>{let{cssText:t}=r,n="";if(t.startsWith("--sxs"))return"";if(e[i-1]&&(n=e[i-1].cssText).startsWith("--sxs")){if(!r.cssRules.length)return"";for(let e in s.rules)if(s.rules[e].group===r)return`--sxs{--sxs:${[...s.rules[e].cache].join(" ")}}${t}`;return r.cssRules.length?`${n}${t}`:""}return t}).join("")},i=()=>{if(s){let{rules:e,sheet:r}=s;if(!r.deleteRule){for(;3===Object(Object(r.cssRules)[0]).type;)r.cssRules.splice(0,1);r.cssRules=[]}for(let s in e)delete e[s]}for(let t of Object(e).styleSheets||[])if(T(t)){for(let e=0,n=t.cssRules;n[e];++e){let l=Object(n[e]);if(1!==l.type)continue;let o=Object(n[e+1]);if(4!==o.type)continue;++e;let{cssText:a}=l;if(!a.startsWith("--sxs"))continue;let c=a.slice(14,-3).trim().split(/\s+/),d=$[c[0]];d&&(s||(s={sheet:t,reset:i,rules:{},toString:r}),s.rules[d]={group:o,index:e,cache:new Set(c)})}if(s)break}if(!s){let t=(e,s)=>({type:s,cssRules:[],insertRule(e,s){this.cssRules.splice(s,0,t(e,{import:3,undefined:1}[(e.toLowerCase().match(/^@([a-z]+)/)||[])[1]]||4))},get cssText(){return"@media{}"===e?`@media{${[].map.call(this.cssRules,e=>e.cssText).join("")}}`:e}});s={sheet:e?(e.head||e).appendChild(document.createElement("style")).sheet:t("","text/css"),rules:{},reset:i,toString:r}}let{sheet:t,rules:n}=s;for(let e=$.length-1;e>=0;--e){let s=$[e];if(!n[s]){let r=$[e+1],i=n[r]?n[r].index:t.cssRules.length;t.insertRule("@media{}",i),t.insertRule(`--sxs{--sxs:${e}}`,i),n[s]={group:t.cssRules[i+1],index:i,cache:new Set([e])}}z(n[s])}};return i(),s},z=e=>{let s=e.group,r=s.cssRules.length;e.apply=e=>{try{s.insertRule(e,r),++r}catch(e){}}},E=Symbol(),W=d(),O=(e,s)=>W(e,()=>(...r)=>{let i={type:null,composers:new Set};for(let s of r)if(null!=s){if(s[h])for(let e of(null==i.type&&(i.type=s[h].type),s[h].composers))i.composers.add(e);else s.constructor!==Object||s.$$typeof?null==i.type&&(i.type=s):i.composers.add(A(s,e))}return null==i.type&&(i.type="span"),i.composers.size||i.composers.add(["PJLV",{},[],[],{},[]]),q(e,i,s)}),A=({variants:e,compoundVariants:s,defaultVariants:r,...i},t)=>{let n=`${S(t.prefix)}c-${P(i)}`,l=[],o=[],a=Object.create(null),c=[];for(let e in r)a[e]=String(r[e]);if("object"==typeof e&&e)for(let s in e){k.call(a,s)||(a[s]="undefined");let r=e[s];for(let e in r){let i={[s]:String(e)};"undefined"===String(e)&&c.push(s);let t=r[e],n=[i,t,!p(t)];l.push(n)}}if("object"==typeof s&&s)for(let e of s){let{css:s,...r}=e;for(let e in s="object"==typeof s&&s||{},r)r[e]=String(r[e]);let i=[r,s,!p(s)];o.push(i)}return[n,i,l,o,a,c]},q=(e,s,r)=>{let[i,t,n,l]=F(s.composers),o="function"==typeof s.type||s.type.$$typeof?(e=>{function s(){for(let r=0;rs.rules[e]={apply:r=>s[E].push([e,r])}),s})(r):null,a=(o||r).rules,c=`.${i}${t.length>1?`:where(.${t.slice(1).join(".")})`:""}`,d=d=>{let{css:h,...x}=d="object"==typeof d&&d||V,p={};for(let e in n)if(delete x[e],e in d){let s=d[e];"object"==typeof s&&s?p[e]={"@initial":n[e],...s}:(s=String(s),p[e]="undefined"!==s||l.has(e)?s:n[e])}else p[e]=n[e];let k=new Set([...t]);for(let[i,t,n,l]of s.composers){r.rules.styled.cache.has(i)||(r.rules.styled.cache.add(i),M(t,[`.${i}`],[],e,e=>{a.styled.apply(e)}));let s=D(n,p,e.media),o=D(l,p,e.media,!0);for(let t of s)if(void 0!==t)for(let[s,n,l]of t){let t=`${i}-${P(n)}-${s}`;k.add(t);let o=(l?r.rules.resonevar:r.rules.onevar).cache,c=l?a.resonevar:a.onevar;o.has(t)||(o.add(t),M(n,[`.${t}`],[],e,e=>{c.apply(e)}))}for(let s of o)if(void 0!==s)for(let[t,n]of s){let s=`${i}-${P(n)}-${t}`;k.add(s),r.rules.allvar.cache.has(s)||(r.rules.allvar.cache.add(s),M(n,[`.${s}`],[],e,e=>{a.allvar.apply(e)}))}}if("object"==typeof h&&h){let s=`${i}-i${P(h)}-css`;k.add(s),r.rules.inline.cache.has(s)||(r.rules.inline.cache.add(s),M(h,[`.${s}`],[],e,e=>{a.inline.apply(e)}))}for(let e of String(d.className||"").trim().split(/\s+/))e&&k.add(e);let j=x.className=[...k].join(" ");return{type:s.type,className:j,selector:c,props:x,toString:()=>j,deferredInjector:o}};return x(d,{className:i,selector:c,[h]:s,toString:()=>(r.rules.styled.cache.has(i)||d(),i)})},F=e=>{let s="",r=[],i={},t=[];for(let[n,,,,l,o]of e)for(let e in""===s&&(s=n),r.push(n),t.push(...o),l){let s=l[e];(void 0===i[e]||"undefined"!==s||o.includes(s))&&(i[e]=s)}return[s,r,i,new Set(t)]},D=(e,s,r,i)=>{let t=[];e:for(let[n,l,o]of e){if(o)continue;let e,a=0,c=!1;for(e in n){let i=n[e],t=s[e];if(t!==i){if("object"!=typeof t||!t)continue e;{let e,s,n=0;for(let l in t){if(i===String(t[l])){if("@initial"!==l){let e=l.slice(1);(s=s||[]).push(e in r?r[e]:l.replace(/^@media ?/,"")),c=!0}a+=n,e=!0}++n}if(s&&s.length&&(l={["@media "+s.join(", ")]:l}),!e)continue e}}}(t[a]=t[a]||[]).push([i?"cv":`${e}-${n[e]}`,l,c])}return t},V={},U=d(),H=(e,s)=>U(e,()=>(...r)=>{let i=()=>{for(let i of r){let r=P(i="object"==typeof i&&i||{});if(!s.rules.global.cache.has(r)){if(s.rules.global.cache.add(r),"@import"in i){let e=[].indexOf.call(s.sheet.cssRules,s.rules.themed.group)-1;for(let r of[].concat(i["@import"]))r=r.includes('"')||r.includes("'")?r:`"${r}"`,s.sheet.insertRule(`@import ${r};`,e++);delete i["@import"]}M(i,[],[],e,e=>{s.rules.global.apply(e)})}}return""};return x(i,{toString:i})}),Z=d(),_=(e,s)=>Z(e,()=>r=>{let i=`${S(e.prefix)}k-${P(r)}`,t=()=>{if(!s.rules.global.cache.has(i)){s.rules.global.cache.add(i);let t=[];M(r,[],[],e,e=>t.push(e));let n=`@keyframes ${i}{${t.join("")}}`;s.rules.global.apply(n)}return i};return x(t,{get name(){return t()},toString:t})}),J=class{constructor(e,s,r,i){this.token=null==e?"":String(e),this.value=null==s?"":String(s),this.scale=null==r?"":String(r),this.prefix=null==i?"":String(i)}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+S(this.prefix)+S(this.scale)+this.token}toString(){return this.computedValue}},K=d(),G=(e,s)=>K(e,()=>(r,i)=>{i="object"==typeof r&&r||Object(i);let t=`.${r=(r="string"==typeof r?r:"")||`${S(e.prefix)}t-${P(i)}`}`,n={},l=[];for(let s in i)for(let r in n[s]={},i[s]){let t=`--${S(e.prefix)}${s}-${r}`,o=w(String(i[s][r]),e.prefix,s);n[s][r]=new J(r,o,s,e.prefix),l.push(`${t}:${o}`)}let o=()=>{if(l.length&&!s.rules.themed.cache.has(r)){s.rules.themed.cache.add(r);let t=`${i===e.theme?":root,":""}.${r}{${l.join(";")}}`;s.rules.themed.apply(t)}return r};return{...n,get className(){return o()},selector:t,toString:o}}),X=d(),Y=d(),Q=e=>{let s=(e=>{let s=!1,r=X(e,e=>{s=!0;let r="prefix"in(e="object"==typeof e&&e||{})?String(e.prefix):"",i="object"==typeof e.media&&e.media||{},t="object"==typeof e.root?e.root||null:globalThis.document||null,n="object"==typeof e.theme&&e.theme||{},l={prefix:r,media:i,theme:n,themeMap:"object"==typeof e.themeMap&&e.themeMap||{...a},utils:"object"==typeof e.utils&&e.utils||{}},o=L(t),c={css:O(l,o),globalCss:H(l,o),keyframes:_(l,o),createTheme:G(l,o),reset(){o.reset(),c.theme.toString()},theme:{},sheet:o,config:l,prefix:r,getCssText:o.toString,toString:o.toString};return String(c.theme=c.createTheme(n)),c});return s||r.reset(),r})(e);return s.styled=(({config:e,sheet:s})=>Y(e,()=>{let r=O(e,s);return(...e)=>{let s=r(...e),i=s[h].type,n=t.forwardRef((e,r)=>{let n=e&&e.as||i,{props:l,deferredInjector:o}=s(e);return delete l.as,l.ref=r,o?t.createElement(t.Fragment,null,t.createElement(n,l),t.createElement(o,null)):t.createElement(n,l)});return n.className=s.className,n.displayName=`Styled.${i.displayName||i.name||i}`,n.selector=s.selector,n.toString=()=>s.selector,n[h]=s[h],n}}))(s),s},ee=()=>i||(i=Q()),es=(...e)=>ee().createTheme(...e)}},function(e){e.O(0,[585,546,965,580,542,888,774,179],function(){return e(e.s=3676)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[612],{3676:function(e,s,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/requiredStatement",function(){return r(6866)}])},6866:function(e,s,r){"use strict";r.r(s),r.d(s,{__toc:function(){return h}});var i=r(2676),t=r(5384),n=r(826),l=r(7104);r(1952);var o=r(7532),a=r(1973),c=r(4384),d=r(3860);let h=[{depth:2,value:"Usage",id:"usage"},{depth:3,value:"React",id:"react"},{depth:2,value:"API Reference",id:"api-reference"},{depth:3,value:"HTML Attributes",id:"html-attributes"},{depth:3,value:"Language",id:"language"},{depth:3,value:"Custom Delimiter",id:"custom-delimiter"}];function x(e){let s=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",h2:"h2",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",strong:"strong"},(0,o.a)(),e.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.h1,{children:"RequiredStatement"}),"\n",(0,i.jsx)(s.p,{children:"The RequiredStatement component renders the required statement for a IIIF resource. The required statement is a human readable label and value pair that describes the rights status of the resource."}),"\n",(0,i.jsx)(a.Z,{href:"https://iiif.io/api/presentation/3.0/#requiredstatement",text:["requiredStatement"]}),"\n",(0,i.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"RequiredStatement"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"requiredStatement"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Attribution"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Courtesy of Northwestern University Libraries"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"The images on this web site are from material in the collections of the Charles Deering McCormick Library of Special Collections of Northwestern University Libraries, are provided for use by its students, faculty and staff, and by other researchers visiting this site, for research consultation and scholarly purposes only. Further distribution and/or any commercial use of the images from this site is not permitted."'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(c.bT,{requiredStatement:{label:{none:["Attribution"]},value:{none:["Courtesy of Northwestern University Libraries","The images on this web site are from material in the collections of the Charles Deering McCormick Library of Special Collections of Northwestern University Libraries, are provided for use by its students, faculty and staff, and by other researchers visiting this site, for research consultation and scholarly purposes only. Further distribution and/or any commercial use of the images from this site is not permitted."]}}})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dl"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"group"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"data-label"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"attribution"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dt"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">Attribution"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dd"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Courtesy of Northwestern University Libraries, The images on this web"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" site are from material in the collections of the Charles Deering"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" McCormick Library of Special Collections of Northwestern University"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Libraries, are provided for use by its students, faculty and staff,"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" and by other researchers visiting this site, for research consultation"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" and scholarly purposes only. Further distribution and/or any"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" commercial use of the images from this site is not permitted."})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,i.jsx)(s.h2,{id:"usage",children:"Usage"}),"\n",(0,i.jsx)(s.h3,{id:"react",children:"React"}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { RequiredStatement } "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/primitives"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"CustomRequiredStatement"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ({ requiredStatement }) "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"RequiredStatement"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"requiredStatement"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{requiredStatement} />;"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" CustomRequiredStatement;"})]})]})}),"\n",(0,i.jsx)(s.h2,{id:"api-reference",children:"API Reference"}),"\n",(0,i.jsxs)(s.table,{children:[(0,i.jsx)(s.thead,{children:(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.th,{children:"Prop"}),(0,i.jsx)(s.th,{children:"Type"}),(0,i.jsx)(s.th,{children:"Default"}),(0,i.jsx)(s.th,{children:"Required"})]})}),(0,i.jsxs)(s.tbody,{children:[(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"as"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"dl"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"dl"})}),(0,i.jsx)(s.td,{children:"--"})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"requiredStatement"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.a,{href:"https://iiif.io/api/presentation/3.0/#requiredStatement",children:"requiredStatement"})}),(0,i.jsx)(s.td,{children:"--"}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.strong,{children:"Yes"})})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"customValueDelimiter"})}),(0,i.jsx)(s.td,{children:"string?"}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:","})}),(0,i.jsx)(s.td,{children:"--"})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"className"})}),(0,i.jsxs)(s.td,{children:[(0,i.jsx)(s.code,{children:"string"}),", ",(0,i.jsx)(s.code,{children:"undefined"})]}),(0,i.jsx)(s.td,{children:"--"}),(0,i.jsx)(s.td,{children:"--"})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"style"})}),(0,i.jsxs)(s.td,{children:[(0,i.jsx)(s.code,{children:"CSSProperties"}),", ",(0,i.jsx)(s.code,{children:"undefined"})]}),(0,i.jsx)(s.td,{children:"--"}),(0,i.jsx)(s.td,{children:"--"})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"lang"})}),(0,i.jsxs)(s.td,{children:[(0,i.jsx)(s.code,{children:"string"}),", ",(0,i.jsx)(s.code,{children:"undefined"})]}),(0,i.jsx)(s.td,{children:"--"}),(0,i.jsx)(s.td,{children:"--"})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"title"})}),(0,i.jsxs)(s.td,{children:[(0,i.jsx)(s.code,{children:"string"}),", ",(0,i.jsx)(s.code,{children:"undefined"})]}),(0,i.jsx)(s.td,{children:"--"}),(0,i.jsx)(s.td,{children:"--"})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"data-*"})}),(0,i.jsxs)(s.td,{children:[(0,i.jsx)(s.code,{children:"string"}),", ",(0,i.jsx)(s.code,{children:"undefined"})]}),(0,i.jsx)(s.td,{children:"--"}),(0,i.jsx)(s.td,{children:"--"})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"aria-*"})}),(0,i.jsxs)(s.td,{children:[(0,i.jsx)(s.code,{children:"AriaAttributes"}),", ",(0,i.jsx)(s.code,{children:"undefined"})]}),(0,i.jsx)(s.td,{children:"--"}),(0,i.jsx)(s.td,{children:"--"})]})]})]}),"\n",(0,i.jsx)(s.h3,{id:"html-attributes",children:"HTML Attributes"}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.code,{children:"RequiredStatement"}),", like all Clover IIIF primitives accept common ",(0,i.jsx)(s.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement",children:"HTMLElement"})," attributes. Use the JSX style ",(0,i.jsx)(s.code,{children:"className"})," prop to add custom classes. The same attribute methodology can be used for ",(0,i.jsx)(s.code,{children:"id"}),", ",(0,i.jsx)(s.code,{children:"style"}),", ",(0,i.jsx)(s.code,{children:"title"}),", ",(0,i.jsx)(s.code,{children:"data-*"}),", and ",(0,i.jsx)(s.code,{children:"aria-*"})," props."]}),"\n",(0,i.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"RequiredStatement"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"requiredStatement"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Rights"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'\'
In Copyright: This Item is protected by copyright and/or related rights. You are free to use this Item in any way that is permitted by the copyright and related rights legislation that applies to your use. For other uses you need to obtain permission from the rights-holder(s).
\''}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"className"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"custom-class"'})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(c.bT,{requiredStatement:{label:{en:["Rights"]},value:{en:['
In Copyright: This Item is protected by copyright and/or related rights. You are free to use this Item in any way that is permitted by the copyright and related rights legislation that applies to your use. For other uses you need to obtain permission from the rights-holder(s).
']}},className:"custom-class"})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dl"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV custom-class"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"group"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"data-label"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"rights"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dt"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">Rights"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dd"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"span"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"http://rightsstatements.org/vocab/InC/1.0/"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"img"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"src"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://rightsstatements.org/files/buttons/InC.dark-white-interior-blue-type.svg"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"br"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"span"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"http://rightsstatements.org/vocab/InC/1.0/"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">In Copyright: This Item is protected by copyright and/or related rights. You are free to use this Item in any way that is permitted by the copyright and related rights legislation that applies to your use. For other uses you need to obtain permission from the rights-holder(s)."})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"br"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,i.jsx)(s.h3,{id:"language",children:"Language"}),"\n",(0,i.jsxs)(s.p,{children:["Additional to being rendered to the DOM like other attributes, the value of ",(0,i.jsx)(s.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/lang",children:(0,i.jsx)(s.code,{children:"lang"})})," will couple with ",(0,i.jsx)(s.a,{href:"https://github.com/IIIF-Commons/presentation-3-types/blob/main/iiif/descriptive.d.ts#L6-L8",children:"InternationalString"})," props to output the denoted ",(0,i.jsx)(s.code,{children:"label"}),", ",(0,i.jsx)(s.code,{children:"value"}),", ",(0,i.jsx)(s.code,{children:"summary"})," entries. If ",(0,i.jsx)(s.code,{children:"lang"})," is undefined, entries will default to the first entry in the array index. The value of ",(0,i.jsx)(s.code,{children:"lang"})," should be a two letter ",(0,i.jsx)(s.a,{href:"https://datatracker.ietf.org/doc/html/rfc5646",children:"BCP 47"})," language code."]}),"\n",(0,i.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"RequiredStatement"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"requiredStatement"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Attribution"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" no"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Kreditering"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Provided by University of Bergen Library"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" no"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Tilgjengeliggjort av Universitetsbiblioteket i Bergen"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"no"'})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(c.bT,{requiredStatement:{label:{en:["Attribution"],no:["Kreditering"]},value:{en:["Provided by University of Bergen Library"],no:["Tilgjengeliggjort av Universitetsbiblioteket i Bergen"]}},lang:"no"})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dl"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"no"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"group"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"data-label"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"attribution"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dt"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"no"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Kreditering"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dd"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"no"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Tilgjengeliggjort av Universitetsbiblioteket i Bergen"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,i.jsx)(s.h3,{id:"custom-delimiter",children:"Custom Delimiter"}),"\n",(0,i.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"RequiredStatement"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"requiredStatement"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Attribution"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" value"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Courtesy of Northwestern University Libraries"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"The images on this web site are from material in the collections of the Charles Deering McCormick Library of Special Collections of Northwestern University Libraries, are provided for use by its students, faculty and staff, and by other researchers visiting this site, for research consultation and scholarly purposes only. Further distribution and/or any commercial use of the images from this site is not permitted."'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"customValueDelimiter"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'". "'})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(c.bT,{requiredStatement:{label:{none:["Attribution"]},value:{none:["Courtesy of Northwestern University Libraries","The images on this web site are from material in the collections of the Charles Deering McCormick Library of Special Collections of Northwestern University Libraries, are provided for use by its students, faculty and staff, and by other researchers visiting this site, for research consultation and scholarly purposes only. Further distribution and/or any commercial use of the images from this site is not permitted."]}},customValueDelimiter:". "})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dl"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"role"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"group"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"data-label"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"attribution"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dt"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">Attribution"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"dd"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Courtesy of Northwestern University Libraries. The images on this web"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" site are from material in the collections of the Charles Deering"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" McCormick Library of Special Collections of Northwestern University"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Libraries, are provided for use by its students, faculty and staff,"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" and by other researchers visiting this site, for research consultation"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" and scholarly purposes only. Further distribution and/or any"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" commercial use of the images from this site is not permitted."})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]})]})}let p={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:s}=Object.assign({},(0,o.a)(),e.components);return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(x,{...e})}):x(e)},pageOpts:{filePath:"pages/docs/requiredStatement.mdx",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"},timestamp:1732573097e3,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"RequiredStatement",headings:h},pageNextRoute:"/docs/requiredStatement",nextraLayout:n.ZP,themeConfig:l.Z};s.default=(0,t.j)(p)},1973:function(e,s,r){"use strict";var i=r(2676),t=r(5318),n=r.n(t);r(5271);var l=r(8158);let o=()=>{let e="#ed1d33",s="#2873ab";return(0,i.jsxs)("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1",style:{height:"1rem"},children:[(0,i.jsx)("title",{children:"IIIF Logo"}),(0,i.jsx)("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)",children:(0,i.jsxs)("g",{transform:"scale(0.1)",children:[(0,i.jsx)("path",{style:{fill:s},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),(0,i.jsx)("path",{style:{fill:s},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),(0,i.jsx)("path",{style:{fill:e},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),(0,i.jsx)("path",{style:{fill:e},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),(0,i.jsx)("path",{style:{fill:s},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),(0,i.jsx)("path",{style:{fill:s},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),(0,i.jsx)("path",{style:{fill:e},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"})]})})]})},a=(0,l.zo)(n(),{display:"inline-flex",flexDirection:"column",textDecoration:"none",alignItems:"center",padding:"0.5rem 0"}),c=(0,l.zo)("span",{display:"inline-flex",alignItems:"center",justifyContent:"center"});s.Z=e=>{let{children:s,href:r,text:t=["Presentation API"]}=e;return(0,i.jsx)(a,{href:r,target:"_blank",className:"nx-flex-col",children:(0,i.jsxs)(c,{className:"nx-gap-2 nx-h-7 nx-rounded-md nx-px-2 nx-text-left nx-text-sm nx-font-medium nx-text-gray-600 nx-transition-colors dark:nx-text-gray-400 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",children:[(0,i.jsx)(o,{})," ",t.join(" or ")," ↗"]})})}},8158:function(e,s,r){"use strict";r.d(s,{BC:function(){return t},F4:function(){return o},zo:function(){return n}});var i=r(1028);let t={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:n,css:l,keyframes:o,createTheme:a}=(0,i.Th)({theme:{colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"hsl(".concat(209," 100% 38.2%)"),accentMuted:"hsl(".concat(209," 80% 61.8%)"),accentAlt:"hsl(".concat(209," 80% 30%)"),secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},media:t})},7104:function(e,s,r){"use strict";r.d(s,{Z:function(){return k}});var i=r(2676),t=r(2936),n=r.n(t),l=r(5271);let o={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},a=["Scroll"];var c=e=>{let{title:s}=e;return a.includes(s)?(0,i.jsxs)("span",{children:[s,(0,i.jsx)("span",{style:o,children:"Beta"})]}):(0,i.jsx)("span",{children:s})},d=r(826),h=r(9205);let x="Clover IIIF",p="Showcase IIIF Manifests as interoperable web content.";var k={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),s=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(x):"".concat(x," – ").concat(p),r=e.frontMatter.description?e.frontMatter.description:p,{route:i}=(0,h.useRouter)(),t=(0,l.useMemo)(()=>new URL(i.endsWith("/")?i:"".concat(i,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[i]);return{defaultTitle:"".concat(x," - ").concat(p),title:s,description:r,canonical:t,openGraph:{url:t,title:s,siteName:"".concat(x," - ").concat(p),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,i.jsx)(()=>(0,i.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,i.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,i.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,i.jsx)(n(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,i.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){},1028:function(e,s,r){"use strict";r.d(s,{Th:function(){return Q},jG:function(){return es}});var i,t=r(5271),n="colors",l="sizes",o="space",a={gap:o,gridGap:o,columnGap:o,gridColumnGap:o,rowGap:o,gridRowGap:o,inset:o,insetBlock:o,insetBlockEnd:o,insetBlockStart:o,insetInline:o,insetInlineEnd:o,insetInlineStart:o,margin:o,marginTop:o,marginRight:o,marginBottom:o,marginLeft:o,marginBlock:o,marginBlockEnd:o,marginBlockStart:o,marginInline:o,marginInlineEnd:o,marginInlineStart:o,padding:o,paddingTop:o,paddingRight:o,paddingBottom:o,paddingLeft:o,paddingBlock:o,paddingBlockEnd:o,paddingBlockStart:o,paddingInline:o,paddingInlineEnd:o,paddingInlineStart:o,top:o,right:o,bottom:o,left:o,scrollMargin:o,scrollMarginTop:o,scrollMarginRight:o,scrollMarginBottom:o,scrollMarginLeft:o,scrollMarginX:o,scrollMarginY:o,scrollMarginBlock:o,scrollMarginBlockEnd:o,scrollMarginBlockStart:o,scrollMarginInline:o,scrollMarginInlineEnd:o,scrollMarginInlineStart:o,scrollPadding:o,scrollPaddingTop:o,scrollPaddingRight:o,scrollPaddingBottom:o,scrollPaddingLeft:o,scrollPaddingX:o,scrollPaddingY:o,scrollPaddingBlock:o,scrollPaddingBlockEnd:o,scrollPaddingBlockStart:o,scrollPaddingInline:o,scrollPaddingInlineEnd:o,scrollPaddingInlineStart:o,fontSize:"fontSizes",background:n,backgroundColor:n,backgroundImage:n,borderImage:n,border:n,borderBlock:n,borderBlockEnd:n,borderBlockStart:n,borderBottom:n,borderBottomColor:n,borderColor:n,borderInline:n,borderInlineEnd:n,borderInlineStart:n,borderLeft:n,borderLeftColor:n,borderRight:n,borderRightColor:n,borderTop:n,borderTopColor:n,caretColor:n,color:n,columnRuleColor:n,fill:n,outline:n,outlineColor:n,stroke:n,textDecorationColor:n,fontFamily:"fonts",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",blockSize:l,minBlockSize:l,maxBlockSize:l,inlineSize:l,minInlineSize:l,maxInlineSize:l,width:l,minWidth:l,maxWidth:l,height:l,minHeight:l,maxHeight:l,flexBasis:l,gridTemplateColumns:l,gridTemplateRows:l,borderWidth:"borderWidths",borderTopWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderLeftWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",transition:"transitions",zIndex:"zIndices"},c=(e,s)=>"function"==typeof s?{"()":Function.prototype.toString.call(s)}:s,d=()=>{let e=Object.create(null);return(s,r,...i)=>{let t=JSON.stringify(s,c);return t in e?e[t]:e[t]=r(s,...i)}},h=Symbol.for("sxs.internal"),x=(e,s)=>Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)),p=e=>{for(let s in e)return!0;return!1},{hasOwnProperty:k}=Object.prototype,j=e=>e.includes("-")?e:e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase()),y=/\s+(?![^()]*\))/,m=e=>s=>e(..."string"==typeof s?String(s).split(y):[s]),u={appearance:e=>({WebkitAppearance:e,appearance:e}),backfaceVisibility:e=>({WebkitBackfaceVisibility:e,backfaceVisibility:e}),backdropFilter:e=>({WebkitBackdropFilter:e,backdropFilter:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),boxDecorationBreak:e=>({WebkitBoxDecorationBreak:e,boxDecorationBreak:e}),clipPath:e=>({WebkitClipPath:e,clipPath:e}),content:e=>({content:e.includes('"')||e.includes("'")||/^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e)?e:`"${e}"`}),hyphens:e=>({WebkitHyphens:e,hyphens:e}),maskImage:e=>({WebkitMaskImage:e,maskImage:e}),maskSize:e=>({WebkitMaskSize:e,maskSize:e}),tabSize:e=>({MozTabSize:e,tabSize:e}),textSizeAdjust:e=>({WebkitTextSizeAdjust:e,textSizeAdjust:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),marginBlock:m((e,s)=>({marginBlockStart:e,marginBlockEnd:s||e})),marginInline:m((e,s)=>({marginInlineStart:e,marginInlineEnd:s||e})),maxSize:m((e,s)=>({maxBlockSize:e,maxInlineSize:s||e})),minSize:m((e,s)=>({minBlockSize:e,minInlineSize:s||e})),paddingBlock:m((e,s)=>({paddingBlockStart:e,paddingBlockEnd:s||e})),paddingInline:m((e,s)=>({paddingInlineStart:e,paddingInlineEnd:s||e}))},g=/([\d.]+)([^]*)/,v=(e,s)=>e.length?e.reduce((e,r)=>(e.push(...s.map(e=>e.includes("&")?e.replace(/&/g,/[ +>|~]/.test(r)&&/&.*&/.test(e)?`:is(${r})`:r):r+" "+e)),e),[]):s,f=(e,s)=>e in b&&"string"==typeof s?s.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/,(s,r,i,t)=>r+("stretch"===i?`-moz-available${t};${j(e)}:${r}-webkit-fill-available`:`-moz-fit-content${t};${j(e)}:${r}fit-content`)+t):String(s),b={blockSize:1,height:1,inlineSize:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,width:1},S=e=>e?e+"-":"",w=(e,s,r)=>e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g,(e,i,t,n,l)=>"$"==n==!!t?e:(i||"--"==n?"calc(":"")+"var(--"+("$"===n?S(s)+(l.includes("$")?"":S(r))+l.replace(/\$/g,"-"):l)+")"+(i||"--"==n?"*"+(i||"")+(t||"1")+")":"")),N=/\s*,\s*(?![^()]*\))/,I=Object.prototype.toString,M=(e,s,r,i,t)=>{let n,l,o;let a=(e,s,r)=>{let c,d;let h=e=>{var x;for(c in e){let p=64===c.charCodeAt(0);for(d of p&&Array.isArray(e[c])?e[c]:[e[c]]){let e=/[A-Z]/.test(x=c)?x:x.replace(/-[^]/g,e=>e[1].toUpperCase()),k="object"==typeof d&&d&&d.toString===I&&(!i.utils[e]||!s.length);if(e in i.utils&&!k){let s=i.utils[e];if(s!==l){l=s,h(s(d)),l=null;continue}}else if(e in u){let s=u[e];if(s!==o){o=s,h(s(d)),o=null;continue}}if(p&&(c=(c.slice(1) in i.media?"@media "+i.media[c.slice(1)]:c).replace(/\(\s*([\w-]+)\s*(=|<|<=|>|>=)\s*([\w-]+)\s*(?:(<|<=|>|>=)\s*([\w-]+)\s*)?\)/g,(e,s,r,i,t,n)=>{let l=g.test(s),o=.0625*(l?-1:1),[a,c]=l?[i,s]:[s,i];return"("+("="===r[0]?"":">"===r[0]===l?"max-":"min-")+a+":"+("="!==r[0]&&1===r.length?c.replace(g,(e,s,i)=>Number(s)+o*(">"===r?1:-1)+i):c)+(t?") and ("+(">"===t[0]?"min-":"max-")+a+":"+(1===t.length?n.replace(g,(e,s,r)=>Number(s)+o*(">"===t?-1:1)+r):n):"")+")"})),k){let e=p?r.concat(c):[...r],i=p?[...s]:v(s,c.split(N));void 0!==n&&t(C(...n)),n=void 0,a(d,i,e)}else void 0===n&&(n=[[],s,r]),c=p||36!==c.charCodeAt(0)?c:`--${S(i.prefix)}${c.slice(1).replace(/\$/g,"-")}`,d=k?d:"number"==typeof d?d&&e in R?String(d)+"px":String(d):w(f(e,null==d?"":d),i.prefix,i.themeMap[e]),n[0].push(`${p?`${c} `:`${j(c)}:`}${d}`)}}};h(e),void 0!==n&&t(C(...n)),n=void 0};a(e,s,r)},C=(e,s,r)=>`${r.map(e=>`${e}{`).join("")}${s.length?`${s.join(",")}{`:""}${e.join(";")}${s.length?"}":""}${Array(r.length?r.length+1:0).join("}")}`,R={animationDelay:1,animationDuration:1,backgroundSize:1,blockSize:1,border:1,borderBlock:1,borderBlockEnd:1,borderBlockEndWidth:1,borderBlockStart:1,borderBlockStartWidth:1,borderBlockWidth:1,borderBottom:1,borderBottomLeftRadius:1,borderBottomRightRadius:1,borderBottomWidth:1,borderEndEndRadius:1,borderEndStartRadius:1,borderInlineEnd:1,borderInlineEndWidth:1,borderInlineStart:1,borderInlineStartWidth:1,borderInlineWidth:1,borderLeft:1,borderLeftWidth:1,borderRadius:1,borderRight:1,borderRightWidth:1,borderSpacing:1,borderStartEndRadius:1,borderStartStartRadius:1,borderTop:1,borderTopLeftRadius:1,borderTopRightRadius:1,borderTopWidth:1,borderWidth:1,bottom:1,columnGap:1,columnRule:1,columnRuleWidth:1,columnWidth:1,containIntrinsicSize:1,flexBasis:1,fontSize:1,gap:1,gridAutoColumns:1,gridAutoRows:1,gridTemplateColumns:1,gridTemplateRows:1,height:1,inlineSize:1,inset:1,insetBlock:1,insetBlockEnd:1,insetBlockStart:1,insetInline:1,insetInlineEnd:1,insetInlineStart:1,left:1,letterSpacing:1,margin:1,marginBlock:1,marginBlockEnd:1,marginBlockStart:1,marginBottom:1,marginInline:1,marginInlineEnd:1,marginInlineStart:1,marginLeft:1,marginRight:1,marginTop:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,offsetDistance:1,offsetRotate:1,outline:1,outlineOffset:1,outlineWidth:1,overflowClipMargin:1,padding:1,paddingBlock:1,paddingBlockEnd:1,paddingBlockStart:1,paddingBottom:1,paddingInline:1,paddingInlineEnd:1,paddingInlineStart:1,paddingLeft:1,paddingRight:1,paddingTop:1,perspective:1,right:1,rowGap:1,scrollMargin:1,scrollMarginBlock:1,scrollMarginBlockEnd:1,scrollMarginBlockStart:1,scrollMarginBottom:1,scrollMarginInline:1,scrollMarginInlineEnd:1,scrollMarginInlineStart:1,scrollMarginLeft:1,scrollMarginRight:1,scrollMarginTop:1,scrollPadding:1,scrollPaddingBlock:1,scrollPaddingBlockEnd:1,scrollPaddingBlockStart:1,scrollPaddingBottom:1,scrollPaddingInline:1,scrollPaddingInlineEnd:1,scrollPaddingInlineStart:1,scrollPaddingLeft:1,scrollPaddingRight:1,scrollPaddingTop:1,shapeMargin:1,textDecoration:1,textDecorationThickness:1,textIndent:1,textUnderlineOffset:1,top:1,transitionDelay:1,transitionDuration:1,verticalAlign:1,width:1,wordSpacing:1},B=e=>String.fromCharCode(e+(e>25?39:97)),P=e=>(e=>{let s,r="";for(s=Math.abs(e);s>52;s=s/52|0)r=B(s%52)+r;return B(s%52)+r})(((e,s)=>{let r=s.length;for(;r;)e=33*e^s.charCodeAt(--r);return e})(5381,JSON.stringify(e))>>>0),$=["themed","global","styled","onevar","resonevar","allvar","inline"],T=e=>{if(e.href&&!e.href.startsWith(location.origin))return!1;try{return!!e.cssRules}catch(e){return!1}},L=e=>{let s;let r=()=>{let{cssRules:e}=s.sheet;return[].map.call(e,(r,i)=>{let{cssText:t}=r,n="";if(t.startsWith("--sxs"))return"";if(e[i-1]&&(n=e[i-1].cssText).startsWith("--sxs")){if(!r.cssRules.length)return"";for(let e in s.rules)if(s.rules[e].group===r)return`--sxs{--sxs:${[...s.rules[e].cache].join(" ")}}${t}`;return r.cssRules.length?`${n}${t}`:""}return t}).join("")},i=()=>{if(s){let{rules:e,sheet:r}=s;if(!r.deleteRule){for(;3===Object(Object(r.cssRules)[0]).type;)r.cssRules.splice(0,1);r.cssRules=[]}for(let s in e)delete e[s]}for(let t of Object(e).styleSheets||[])if(T(t)){for(let e=0,n=t.cssRules;n[e];++e){let l=Object(n[e]);if(1!==l.type)continue;let o=Object(n[e+1]);if(4!==o.type)continue;++e;let{cssText:a}=l;if(!a.startsWith("--sxs"))continue;let c=a.slice(14,-3).trim().split(/\s+/),d=$[c[0]];d&&(s||(s={sheet:t,reset:i,rules:{},toString:r}),s.rules[d]={group:o,index:e,cache:new Set(c)})}if(s)break}if(!s){let t=(e,s)=>({type:s,cssRules:[],insertRule(e,s){this.cssRules.splice(s,0,t(e,{import:3,undefined:1}[(e.toLowerCase().match(/^@([a-z]+)/)||[])[1]]||4))},get cssText(){return"@media{}"===e?`@media{${[].map.call(this.cssRules,e=>e.cssText).join("")}}`:e}});s={sheet:e?(e.head||e).appendChild(document.createElement("style")).sheet:t("","text/css"),rules:{},reset:i,toString:r}}let{sheet:t,rules:n}=s;for(let e=$.length-1;e>=0;--e){let s=$[e];if(!n[s]){let r=$[e+1],i=n[r]?n[r].index:t.cssRules.length;t.insertRule("@media{}",i),t.insertRule(`--sxs{--sxs:${e}}`,i),n[s]={group:t.cssRules[i+1],index:i,cache:new Set([e])}}z(n[s])}};return i(),s},z=e=>{let s=e.group,r=s.cssRules.length;e.apply=e=>{try{s.insertRule(e,r),++r}catch(e){}}},E=Symbol(),W=d(),O=(e,s)=>W(e,()=>(...r)=>{let i={type:null,composers:new Set};for(let s of r)if(null!=s){if(s[h])for(let e of(null==i.type&&(i.type=s[h].type),s[h].composers))i.composers.add(e);else s.constructor!==Object||s.$$typeof?null==i.type&&(i.type=s):i.composers.add(A(s,e))}return null==i.type&&(i.type="span"),i.composers.size||i.composers.add(["PJLV",{},[],[],{},[]]),q(e,i,s)}),A=({variants:e,compoundVariants:s,defaultVariants:r,...i},t)=>{let n=`${S(t.prefix)}c-${P(i)}`,l=[],o=[],a=Object.create(null),c=[];for(let e in r)a[e]=String(r[e]);if("object"==typeof e&&e)for(let s in e){k.call(a,s)||(a[s]="undefined");let r=e[s];for(let e in r){let i={[s]:String(e)};"undefined"===String(e)&&c.push(s);let t=r[e],n=[i,t,!p(t)];l.push(n)}}if("object"==typeof s&&s)for(let e of s){let{css:s,...r}=e;for(let e in s="object"==typeof s&&s||{},r)r[e]=String(r[e]);let i=[r,s,!p(s)];o.push(i)}return[n,i,l,o,a,c]},q=(e,s,r)=>{let[i,t,n,l]=F(s.composers),o="function"==typeof s.type||s.type.$$typeof?(e=>{function s(){for(let r=0;rs.rules[e]={apply:r=>s[E].push([e,r])}),s})(r):null,a=(o||r).rules,c=`.${i}${t.length>1?`:where(.${t.slice(1).join(".")})`:""}`,d=d=>{let{css:h,...x}=d="object"==typeof d&&d||V,p={};for(let e in n)if(delete x[e],e in d){let s=d[e];"object"==typeof s&&s?p[e]={"@initial":n[e],...s}:(s=String(s),p[e]="undefined"!==s||l.has(e)?s:n[e])}else p[e]=n[e];let k=new Set([...t]);for(let[i,t,n,l]of s.composers){r.rules.styled.cache.has(i)||(r.rules.styled.cache.add(i),M(t,[`.${i}`],[],e,e=>{a.styled.apply(e)}));let s=D(n,p,e.media),o=D(l,p,e.media,!0);for(let t of s)if(void 0!==t)for(let[s,n,l]of t){let t=`${i}-${P(n)}-${s}`;k.add(t);let o=(l?r.rules.resonevar:r.rules.onevar).cache,c=l?a.resonevar:a.onevar;o.has(t)||(o.add(t),M(n,[`.${t}`],[],e,e=>{c.apply(e)}))}for(let s of o)if(void 0!==s)for(let[t,n]of s){let s=`${i}-${P(n)}-${t}`;k.add(s),r.rules.allvar.cache.has(s)||(r.rules.allvar.cache.add(s),M(n,[`.${s}`],[],e,e=>{a.allvar.apply(e)}))}}if("object"==typeof h&&h){let s=`${i}-i${P(h)}-css`;k.add(s),r.rules.inline.cache.has(s)||(r.rules.inline.cache.add(s),M(h,[`.${s}`],[],e,e=>{a.inline.apply(e)}))}for(let e of String(d.className||"").trim().split(/\s+/))e&&k.add(e);let j=x.className=[...k].join(" ");return{type:s.type,className:j,selector:c,props:x,toString:()=>j,deferredInjector:o}};return x(d,{className:i,selector:c,[h]:s,toString:()=>(r.rules.styled.cache.has(i)||d(),i)})},F=e=>{let s="",r=[],i={},t=[];for(let[n,,,,l,o]of e)for(let e in""===s&&(s=n),r.push(n),t.push(...o),l){let s=l[e];(void 0===i[e]||"undefined"!==s||o.includes(s))&&(i[e]=s)}return[s,r,i,new Set(t)]},D=(e,s,r,i)=>{let t=[];e:for(let[n,l,o]of e){if(o)continue;let e,a=0,c=!1;for(e in n){let i=n[e],t=s[e];if(t!==i){if("object"!=typeof t||!t)continue e;{let e,s,n=0;for(let l in t){if(i===String(t[l])){if("@initial"!==l){let e=l.slice(1);(s=s||[]).push(e in r?r[e]:l.replace(/^@media ?/,"")),c=!0}a+=n,e=!0}++n}if(s&&s.length&&(l={["@media "+s.join(", ")]:l}),!e)continue e}}}(t[a]=t[a]||[]).push([i?"cv":`${e}-${n[e]}`,l,c])}return t},V={},U=d(),H=(e,s)=>U(e,()=>(...r)=>{let i=()=>{for(let i of r){let r=P(i="object"==typeof i&&i||{});if(!s.rules.global.cache.has(r)){if(s.rules.global.cache.add(r),"@import"in i){let e=[].indexOf.call(s.sheet.cssRules,s.rules.themed.group)-1;for(let r of[].concat(i["@import"]))r=r.includes('"')||r.includes("'")?r:`"${r}"`,s.sheet.insertRule(`@import ${r};`,e++);delete i["@import"]}M(i,[],[],e,e=>{s.rules.global.apply(e)})}}return""};return x(i,{toString:i})}),Z=d(),_=(e,s)=>Z(e,()=>r=>{let i=`${S(e.prefix)}k-${P(r)}`,t=()=>{if(!s.rules.global.cache.has(i)){s.rules.global.cache.add(i);let t=[];M(r,[],[],e,e=>t.push(e));let n=`@keyframes ${i}{${t.join("")}}`;s.rules.global.apply(n)}return i};return x(t,{get name(){return t()},toString:t})}),J=class{constructor(e,s,r,i){this.token=null==e?"":String(e),this.value=null==s?"":String(s),this.scale=null==r?"":String(r),this.prefix=null==i?"":String(i)}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+S(this.prefix)+S(this.scale)+this.token}toString(){return this.computedValue}},K=d(),G=(e,s)=>K(e,()=>(r,i)=>{i="object"==typeof r&&r||Object(i);let t=`.${r=(r="string"==typeof r?r:"")||`${S(e.prefix)}t-${P(i)}`}`,n={},l=[];for(let s in i)for(let r in n[s]={},i[s]){let t=`--${S(e.prefix)}${s}-${r}`,o=w(String(i[s][r]),e.prefix,s);n[s][r]=new J(r,o,s,e.prefix),l.push(`${t}:${o}`)}let o=()=>{if(l.length&&!s.rules.themed.cache.has(r)){s.rules.themed.cache.add(r);let t=`${i===e.theme?":root,":""}.${r}{${l.join(";")}}`;s.rules.themed.apply(t)}return r};return{...n,get className(){return o()},selector:t,toString:o}}),X=d(),Y=d(),Q=e=>{let s=(e=>{let s=!1,r=X(e,e=>{s=!0;let r="prefix"in(e="object"==typeof e&&e||{})?String(e.prefix):"",i="object"==typeof e.media&&e.media||{},t="object"==typeof e.root?e.root||null:globalThis.document||null,n="object"==typeof e.theme&&e.theme||{},l={prefix:r,media:i,theme:n,themeMap:"object"==typeof e.themeMap&&e.themeMap||{...a},utils:"object"==typeof e.utils&&e.utils||{}},o=L(t),c={css:O(l,o),globalCss:H(l,o),keyframes:_(l,o),createTheme:G(l,o),reset(){o.reset(),c.theme.toString()},theme:{},sheet:o,config:l,prefix:r,getCssText:o.toString,toString:o.toString};return String(c.theme=c.createTheme(n)),c});return s||r.reset(),r})(e);return s.styled=(({config:e,sheet:s})=>Y(e,()=>{let r=O(e,s);return(...e)=>{let s=r(...e),i=s[h].type,n=t.forwardRef((e,r)=>{let n=e&&e.as||i,{props:l,deferredInjector:o}=s(e);return delete l.as,l.ref=r,o?t.createElement(t.Fragment,null,t.createElement(n,l),t.createElement(o,null)):t.createElement(n,l)});return n.className=s.className,n.displayName=`Styled.${i.displayName||i.name||i}`,n.selector=s.selector,n.toString=()=>s.selector,n[h]=s[h],n}}))(s),s},ee=()=>i||(i=Q()),es=(...e)=>ee().createTheme(...e)}},function(e){e.O(0,[585,546,965,580,542,888,774,179],function(){return e(e.s=3676)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/docs/scroll-188a35db39bb502e.js b/_next/static/chunks/pages/docs/scroll-6667aac21f9fbeb3.js similarity index 67% rename from _next/static/chunks/pages/docs/scroll-188a35db39bb502e.js rename to _next/static/chunks/pages/docs/scroll-6667aac21f9fbeb3.js index 64bef011..b507995a 100644 --- a/_next/static/chunks/pages/docs/scroll-188a35db39bb502e.js +++ b/_next/static/chunks/pages/docs/scroll-6667aac21f9fbeb3.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[671],{6344:function(e,s,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/scroll",function(){return n(7574)}])},7574:function(e,s,n){"use strict";n.r(s),n.d(s,{__toc:function(){return h}});var i=n(2676),t=n(5384),r=n(826),l=n(7104);n(1952);var o=n(7532),a=n(1418),c=n(1973),d=n(3860);let h=[{depth:2,value:"Features",id:"features"},{depth:2,value:"Installation",id:"installation"},{depth:2,value:"Usage",id:"usage"},{depth:3,value:"React",id:"react"},{depth:3,value:"Next.js",id:"nextjs"},{depth:2,value:"API Reference",id:"api-reference"},{depth:3,value:"Offset",id:"offset"},{depth:3,value:"Figure",id:"figure"},{depth:3,value:"Language",id:"language"}];function x(e){let s=Object.assign({h1:"h1",p:"p",code:"code",hr:"hr",h2:"h2",a:"a",ul:"ul",li:"li",strong:"strong",pre:"pre",span:"span",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td"},(0,o.a)(),e.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.h1,{children:"Scroll"}),"\n",(0,i.jsxs)(s.p,{children:["A UI component rendering a vertical scrolling articles that output individual Canvases, basic descriptive properties, and Annotations with ",(0,i.jsx)(s.code,{children:"commenting"})," motivations with support for ",(0,i.jsx)(s.code,{children:"transcribing"})," and ",(0,i.jsx)(s.code,{children:"translating"})," motivations."]}),"\n",(0,i.jsx)(c.Z,{href:"https://iiif.io/api/presentation/3.0/#21-defined-types",text:["Manifest"]}),"\n",(0,i.jsx)(s.hr,{}),"\n",(0,i.jsx)(a.Z,{iiifContent:"https://digital.lib.utk.edu/assemble/manifest/civilwar/5390",options:{offset:90}}),"\n",(0,i.jsx)(s.h2,{id:"features",children:"Features"}),"\n",(0,i.jsxs)(s.p,{children:["Provide a ",(0,i.jsx)(s.a,{href:"https://iiif.io/api/presentation/3.0/",children:"IIIF Presentation API"})," Manifest and the component:"]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:["Renders the Canvases of a IIIF Manifest as HTML5 ",(0,i.jsx)(s.code,{children:"article"})," elements"]}),"\n",(0,i.jsxs)(s.li,{children:["Outputs ",(0,i.jsx)(s.code,{children:"Annotation"})," textual content along with ",(0,i.jsx)(s.code,{children:"OpenSeadragon"})," for images"]}),"\n",(0,i.jsxs)(s.li,{children:["Supports vertical scrolling and textual discovery with a fixed ",(0,i.jsx)(s.strong,{children:"Search..."})," input"]}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"installation",children:"Installation"}),"\n",(0,i.jsxs)(d.mQ,{items:["npm","yarn","pnpm"],children:[(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"shell","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"shell","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"npm"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"install"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@samvera/clover-iiif"})]})})})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"shell","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"shell","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"yarn"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@samvera/clover-iiif"})]})})})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"shell","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"shell","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"pnpm"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"install"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@samvera/clover-iiif"})]})})})})]}),"\n",(0,i.jsx)(s.h2,{id:"usage",children:"Usage"}),"\n",(0,i.jsx)(s.h3,{id:"react",children:"React"}),"\n",(0,i.jsxs)(s.p,{children:["Add the ",(0,i.jsx)(s.code,{children:"Scroll"})," component to your ",(0,i.jsx)(s.code,{children:"jsx"})," or ",(0,i.jsx)(s.code,{children:"tsx"})," code."]}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Viewer "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/scroll"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]})})}),"\n",(0,i.jsxs)(s.p,{children:["Render ",(0,i.jsx)(s.code,{children:"Scroll"})," with a IIIF Manifest URI. The only required prop is the ",(0,i.jsx)(s.code,{children:"iiifContent"}),", which is the URI of the IIIF Manifest."]}),"\n",(0,i.jsxs)(d.mQ,{items:["Code","Preview"],children:[(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Scroll"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"iiifContent"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://digital.lib.utk.edu/assemble/manifest/civilwar/5390"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]})})})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(a.Z,{iiifContent:"https://digital.lib.utk.edu/assemble/manifest/civilwar/5390"})})]}),"\n",(0,i.jsx)(s.h3,{id:"nextjs",children:"Next.js"}),"\n",(0,i.jsxs)(s.p,{children:["Implementation with Next.js requires a ",(0,i.jsx)(s.a,{href:"https://nextjs.org/docs/advanced-features/dynamic-import",children:"dynamic import"})," utilizing ",(0,i.jsx)(s.code,{children:"next/dynamic"}),". This is due to Next's node compilation method creating issue with an ",(0,i.jsx)(s.code,{children:"OpenSeadragon"})," (a dependency of Clover IIIF) assumption of a browser ",(0,i.jsx)(s.code,{children:"document"})," object."]}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" dynamic "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"next/dynamic"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Scroll"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"dynamic"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"("})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"("}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:")"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".then"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"((Clover) "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Clover"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".Scroll)"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ssr"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"false"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:");"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"MyCustomScroll"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"iiifContent"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://digital.lib.utk.edu/assemble/manifest/civilwar/5390"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Scroll"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"iiifContent"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{iiifContent} />;"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})})]})}),"\n",(0,i.jsx)(s.h2,{id:"api-reference",children:"API Reference"}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.code,{children:"Scroll"})," can configured through an ",(0,i.jsx)(s.code,{children:"options"})," prop, which will serve as a object for common options."]}),"\n",(0,i.jsxs)(s.table,{children:[(0,i.jsx)(s.thead,{children:(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.th,{children:"Prop"}),(0,i.jsx)(s.th,{children:"Type"}),(0,i.jsx)(s.th,{children:"Required"}),(0,i.jsx)(s.th,{children:"Default"})]})}),(0,i.jsxs)(s.tbody,{children:[(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"iiifContent"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"string"})}),(0,i.jsx)(s.td,{children:"Yes"}),(0,i.jsx)(s.td,{})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"object"})}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options.offset"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"number"})}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"0"})})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options.figure"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.a,{href:"#figure",children:"See Figure"})}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options.language"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.a,{href:"#language",children:"See Language"})}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{})]})]})]}),"\n",(0,i.jsx)(s.h3,{id:"offset",children:"Offset"}),"\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.code,{children:"options.offset"})," refers to the number of pixels to offset the fixed ",(0,i.jsx)(s.strong,{children:"Search..."})," input when scrolling vertically. This is useful when the ",(0,i.jsx)(s.code,{children:"Scroll"})," is rendered within a page with a fixed header."]}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Scroll"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"iiifContent"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://digital.lib.utk.edu/assemble/manifest/civilwar/5390"'})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"options"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{ offset"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"90"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})}),"\n",(0,i.jsx)(s.h3,{id:"figure",children:"Figure"}),"\n",(0,i.jsxs)(s.p,{children:["The Scroll component renders a ",(0,i.jsx)(s.code,{children:"figure"})," element for each Canvas. The ",(0,i.jsx)(s.code,{children:"options.figure"})," object allows for customization of the ",(0,i.jsx)(s.code,{children:"figure"})," width, aspect ratio, and display. This can be useful for customizing the Scroll component to fit within a specific layout alongside other image viewers."]}),"\n",(0,i.jsxs)(s.table,{children:[(0,i.jsx)(s.thead,{children:(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.th,{children:"Prop"}),(0,i.jsx)(s.th,{children:"Type"}),(0,i.jsx)(s.th,{children:"Required"}),(0,i.jsx)(s.th,{children:"Default"})]})}),(0,i.jsxs)(s.tbody,{children:[(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options.figure.aspectRatio"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"number"})}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsxs)(s.td,{children:[(0,i.jsx)(s.code,{children:"1.618"})," ",(0,i.jsx)(s.a,{href:"https://en.wikipedia.org/wiki/Golden_ratio",children:"Golden Ratio"})]})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options.figure.display"})}),(0,i.jsxs)(s.td,{children:[(0,i.jsx)(s.code,{children:"thumbnail"}),", ",(0,i.jsx)(s.code,{children:"image-viewer"})]}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"image-viewer"})})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options.figure.width"})}),(0,i.jsxs)(s.td,{children:[(0,i.jsx)(s.code,{children:"string"})," ",(0,i.jsx)(s.a,{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/width",children:"CSS"})]}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"38.2%"})})]})]})]}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Scroll"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"iiifContent"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://digital.lib.utk.edu/assemble/manifest/civilwar/5390"'})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"options"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" figure"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" aspectRatio"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"1"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" display"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"thumbnail"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" width"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"200px"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})}),"\n",(0,i.jsx)(s.h3,{id:"language",children:"Language"}),"\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.code,{children:"options.language"})," object allows for the configuration of the language options for the Scroll component. This includes the default languages and language options."]}),"\n",(0,i.jsxs)(s.p,{children:["By default, the ",(0,i.jsx)(s.code,{children:"options.language"})," object is not set, and the Scroll component will not display any language options. When the ",(0,i.jsx)(s.code,{children:"options.language"})," object is set, the Scroll component will display a language dropdown that allows users to filter the content by languages within the Manifest annotation body resources. If defaultLanguages are not set, the Scroll component will display all languages available in the Manifest."]}),"\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.code,{children:"options.language.options"})," array should be an array of objects with key-value pairs where the key is the language code and the value is the language name. The language code should match the language code in the Manifest annotation body resources."]}),"\n",(0,i.jsxs)(s.table,{children:[(0,i.jsx)(s.thead,{children:(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.th,{children:"Prop"}),(0,i.jsx)(s.th,{children:"Type"}),(0,i.jsx)(s.th,{children:"Required"}),(0,i.jsx)(s.th,{children:"Default"})]})}),(0,i.jsxs)(s.tbody,{children:[(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options.language.defaultLanguages"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"string[]"})}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"[]"})})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options.language.enabled"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"boolean"})}),(0,i.jsx)(s.td,{children:"Yes"}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"false"})})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options.language.options"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"Array<[key: string]: string>"})}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"[]"})})]})]})]}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Scroll"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"iiifContent"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://iiif-maktaba.dc.library.northwestern.edu/dc8ff749-adad-42a7-81e0-0eb473ef88a5.json"'})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"options"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" offset"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"90"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" language"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" defaultLanguages"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"en"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" enabled"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"true"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" options"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" [{ en"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"English"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { ar"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Arabic"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})]})}let p={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:s}=Object.assign({},(0,o.a)(),e.components);return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(x,{...e})}):x(e)},pageOpts:{filePath:"pages/docs/scroll.mdx",route:"/docs/scroll",frontMatter:{title:"Scroll"},timestamp:173257264e4,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Scroll",headings:h},pageNextRoute:"/docs/scroll",nextraLayout:r.ZP,themeConfig:l.Z};s.default=(0,t.j)(p)},1418:function(e,s,n){"use strict";var i=n(2676),t=n(5271),r=n(6147),l=n.n(r),o=n(9205);let a=l()(()=>Promise.all([n.e(585),n.e(668),n.e(965),n.e(580),n.e(367),n.e(938),n.e(683),n.e(641),n.e(542),n.e(338),n.e(991)]).then(n.bind(n,6991)),{loadableGenerated:{webpack:()=>[6991]},ssr:!1});s.Z=e=>{let{iiifContent:s="http://localhost:3000/manifest/annotations/commenting.json",options:n}=e,[r,l]=(0,t.useState)(),{"iiif-content":c}=(0,o.useRouter)().query;return((0,t.useEffect)(()=>{r?l(c):l(s)},[c]),r)?(0,i.jsx)(a,{iiifContent:r,options:n}):null}},1973:function(e,s,n){"use strict";var i=n(2676),t=n(5318),r=n.n(t);n(5271);var l=n(8158);let o=()=>{let e="#ed1d33",s="#2873ab";return(0,i.jsxs)("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1",style:{height:"1rem"},children:[(0,i.jsx)("title",{children:"IIIF Logo"}),(0,i.jsx)("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)",children:(0,i.jsxs)("g",{transform:"scale(0.1)",children:[(0,i.jsx)("path",{style:{fill:s},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),(0,i.jsx)("path",{style:{fill:s},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),(0,i.jsx)("path",{style:{fill:e},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),(0,i.jsx)("path",{style:{fill:e},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),(0,i.jsx)("path",{style:{fill:s},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),(0,i.jsx)("path",{style:{fill:s},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),(0,i.jsx)("path",{style:{fill:e},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"})]})})]})},a=(0,l.zo)(r(),{display:"inline-flex",flexDirection:"column",textDecoration:"none",alignItems:"center",padding:"0.5rem 0"}),c=(0,l.zo)("span",{display:"inline-flex",alignItems:"center",justifyContent:"center"});s.Z=e=>{let{children:s,href:n,text:t=["Presentation API"]}=e;return(0,i.jsx)(a,{href:n,target:"_blank",className:"nx-flex-col",children:(0,i.jsxs)(c,{className:"nx-gap-2 nx-h-7 nx-rounded-md nx-px-2 nx-text-left nx-text-sm nx-font-medium nx-text-gray-600 nx-transition-colors dark:nx-text-gray-400 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",children:[(0,i.jsx)(o,{})," ",t.join(" or ")," ↗"]})})}},8158:function(e,s,n){"use strict";n.d(s,{BC:function(){return t},F4:function(){return o},zo:function(){return r}});var i=n(1028);let t={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:r,css:l,keyframes:o,createTheme:a}=(0,i.Th)({theme:{colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"hsl(".concat(209," 100% 38.2%)"),accentMuted:"hsl(".concat(209," 80% 61.8%)"),accentAlt:"hsl(".concat(209," 80% 30%)"),secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},media:t})},7104:function(e,s,n){"use strict";n.d(s,{Z:function(){return j}});var i=n(2676),t=n(2936),r=n.n(t),l=n(5271);let o={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},a=["Scroll"];var c=e=>{let{title:s}=e;return a.includes(s)?(0,i.jsxs)("span",{children:[s,(0,i.jsx)("span",{style:o,children:"Beta"})]}):(0,i.jsx)("span",{children:s})},d=n(826),h=n(9205);let x="Clover IIIF",p="Showcase IIIF Manifests as interoperable web content.";var j={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),s=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(x):"".concat(x," – ").concat(p),n=e.frontMatter.description?e.frontMatter.description:p,{route:i}=(0,h.useRouter)(),t=(0,l.useMemo)(()=>new URL(i.endsWith("/")?i:"".concat(i,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[i]);return{defaultTitle:"".concat(x," - ").concat(p),title:s,description:n,canonical:t,openGraph:{url:t,title:s,siteName:"".concat(x," - ").concat(p),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,i.jsx)(()=>(0,i.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,i.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,i.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,i.jsx)(r(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,i.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){}},function(e){e.O(0,[546,514,888,774,179],function(){return e(e.s=6344)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[671],{6344:function(e,s,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/scroll",function(){return n(7574)}])},7574:function(e,s,n){"use strict";n.r(s),n.d(s,{__toc:function(){return h}});var i=n(2676),t=n(5384),r=n(826),l=n(7104);n(1952);var o=n(7532),a=n(1418),c=n(1973),d=n(3860);let h=[{depth:2,value:"Features",id:"features"},{depth:2,value:"Installation",id:"installation"},{depth:2,value:"Usage",id:"usage"},{depth:3,value:"React",id:"react"},{depth:3,value:"Next.js",id:"nextjs"},{depth:2,value:"API Reference",id:"api-reference"},{depth:3,value:"Offset",id:"offset"},{depth:3,value:"Figure",id:"figure"},{depth:3,value:"Language",id:"language"}];function x(e){let s=Object.assign({h1:"h1",p:"p",code:"code",hr:"hr",h2:"h2",a:"a",ul:"ul",li:"li",strong:"strong",pre:"pre",span:"span",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td"},(0,o.a)(),e.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.h1,{children:"Scroll"}),"\n",(0,i.jsxs)(s.p,{children:["A UI component rendering a vertical scrolling articles that output individual Canvases, basic descriptive properties, and Annotations with ",(0,i.jsx)(s.code,{children:"commenting"})," motivations with support for ",(0,i.jsx)(s.code,{children:"transcribing"})," and ",(0,i.jsx)(s.code,{children:"translating"})," motivations."]}),"\n",(0,i.jsx)(c.Z,{href:"https://iiif.io/api/presentation/3.0/#21-defined-types",text:["Manifest"]}),"\n",(0,i.jsx)(s.hr,{}),"\n",(0,i.jsx)(a.Z,{iiifContent:"https://digital.lib.utk.edu/assemble/manifest/civilwar/5390",options:{offset:90}}),"\n",(0,i.jsx)(s.h2,{id:"features",children:"Features"}),"\n",(0,i.jsxs)(s.p,{children:["Provide a ",(0,i.jsx)(s.a,{href:"https://iiif.io/api/presentation/3.0/",children:"IIIF Presentation API"})," Manifest and the component:"]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsxs)(s.li,{children:["Renders the Canvases of a IIIF Manifest as HTML5 ",(0,i.jsx)(s.code,{children:"article"})," elements"]}),"\n",(0,i.jsxs)(s.li,{children:["Outputs ",(0,i.jsx)(s.code,{children:"Annotation"})," textual content along with ",(0,i.jsx)(s.code,{children:"OpenSeadragon"})," for images"]}),"\n",(0,i.jsxs)(s.li,{children:["Supports vertical scrolling and textual discovery with a fixed ",(0,i.jsx)(s.strong,{children:"Search..."})," input"]}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"installation",children:"Installation"}),"\n",(0,i.jsxs)(d.mQ,{items:["npm","yarn","pnpm"],children:[(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"shell","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"shell","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"npm"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"install"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@samvera/clover-iiif"})]})})})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"shell","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"shell","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"yarn"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@samvera/clover-iiif"})]})})})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"shell","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"shell","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"pnpm"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"install"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@samvera/clover-iiif"})]})})})})]}),"\n",(0,i.jsx)(s.h2,{id:"usage",children:"Usage"}),"\n",(0,i.jsx)(s.h3,{id:"react",children:"React"}),"\n",(0,i.jsxs)(s.p,{children:["Add the ",(0,i.jsx)(s.code,{children:"Scroll"})," component to your ",(0,i.jsx)(s.code,{children:"jsx"})," or ",(0,i.jsx)(s.code,{children:"tsx"})," code."]}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Viewer "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/scroll"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]})})}),"\n",(0,i.jsxs)(s.p,{children:["Render ",(0,i.jsx)(s.code,{children:"Scroll"})," with a IIIF Manifest URI. The only required prop is the ",(0,i.jsx)(s.code,{children:"iiifContent"}),", which is the URI of the IIIF Manifest."]}),"\n",(0,i.jsxs)(d.mQ,{items:["Code","Preview"],children:[(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Scroll"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"iiifContent"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://digital.lib.utk.edu/assemble/manifest/civilwar/5390"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]})})})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(a.Z,{iiifContent:"https://digital.lib.utk.edu/assemble/manifest/civilwar/5390"})})]}),"\n",(0,i.jsx)(s.h3,{id:"nextjs",children:"Next.js"}),"\n",(0,i.jsxs)(s.p,{children:["Implementation with Next.js requires a ",(0,i.jsx)(s.a,{href:"https://nextjs.org/docs/advanced-features/dynamic-import",children:"dynamic import"})," utilizing ",(0,i.jsx)(s.code,{children:"next/dynamic"}),". This is due to Next's node compilation method creating issue with an ",(0,i.jsx)(s.code,{children:"OpenSeadragon"})," (a dependency of Clover IIIF) assumption of a browser ",(0,i.jsx)(s.code,{children:"document"})," object."]}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" dynamic "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"next/dynamic"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Scroll"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"dynamic"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"("})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"("}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:")"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".then"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"((Clover) "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Clover"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".Scroll)"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ssr"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"false"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:");"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"MyCustomScroll"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"iiifContent"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://digital.lib.utk.edu/assemble/manifest/civilwar/5390"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Scroll"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"iiifContent"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{iiifContent} />;"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})})]})}),"\n",(0,i.jsx)(s.h2,{id:"api-reference",children:"API Reference"}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.code,{children:"Scroll"})," can configured through an ",(0,i.jsx)(s.code,{children:"options"})," prop, which will serve as a object for common options."]}),"\n",(0,i.jsxs)(s.table,{children:[(0,i.jsx)(s.thead,{children:(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.th,{children:"Prop"}),(0,i.jsx)(s.th,{children:"Type"}),(0,i.jsx)(s.th,{children:"Required"}),(0,i.jsx)(s.th,{children:"Default"})]})}),(0,i.jsxs)(s.tbody,{children:[(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"iiifContent"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"string"})}),(0,i.jsx)(s.td,{children:"Yes"}),(0,i.jsx)(s.td,{})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"object"})}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options.offset"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"number"})}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"0"})})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options.figure"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.a,{href:"#figure",children:"See Figure"})}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options.language"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.a,{href:"#language",children:"See Language"})}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{})]})]})]}),"\n",(0,i.jsx)(s.h3,{id:"offset",children:"Offset"}),"\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.code,{children:"options.offset"})," refers to the number of pixels to offset the fixed ",(0,i.jsx)(s.strong,{children:"Search..."})," input when scrolling vertically. This is useful when the ",(0,i.jsx)(s.code,{children:"Scroll"})," is rendered within a page with a fixed header."]}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Scroll"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"iiifContent"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://digital.lib.utk.edu/assemble/manifest/civilwar/5390"'})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"options"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{ offset"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"90"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})}),"\n",(0,i.jsx)(s.h3,{id:"figure",children:"Figure"}),"\n",(0,i.jsxs)(s.p,{children:["The Scroll component renders a ",(0,i.jsx)(s.code,{children:"figure"})," element for each Canvas. The ",(0,i.jsx)(s.code,{children:"options.figure"})," object allows for customization of the ",(0,i.jsx)(s.code,{children:"figure"})," width, aspect ratio, and display. This can be useful for customizing the Scroll component to fit within a specific layout alongside other image viewers."]}),"\n",(0,i.jsxs)(s.table,{children:[(0,i.jsx)(s.thead,{children:(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.th,{children:"Prop"}),(0,i.jsx)(s.th,{children:"Type"}),(0,i.jsx)(s.th,{children:"Required"}),(0,i.jsx)(s.th,{children:"Default"})]})}),(0,i.jsxs)(s.tbody,{children:[(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options.figure.aspectRatio"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"number"})}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsxs)(s.td,{children:[(0,i.jsx)(s.code,{children:"1.618"})," ",(0,i.jsx)(s.a,{href:"https://en.wikipedia.org/wiki/Golden_ratio",children:"Golden Ratio"})]})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options.figure.display"})}),(0,i.jsxs)(s.td,{children:[(0,i.jsx)(s.code,{children:"thumbnail"}),", ",(0,i.jsx)(s.code,{children:"image-viewer"})]}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"image-viewer"})})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options.figure.width"})}),(0,i.jsxs)(s.td,{children:[(0,i.jsx)(s.code,{children:"string"})," ",(0,i.jsx)(s.a,{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/width",children:"CSS"})]}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"38.2%"})})]})]})]}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Scroll"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"iiifContent"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://digital.lib.utk.edu/assemble/manifest/civilwar/5390"'})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"options"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" figure"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" aspectRatio"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"1"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" display"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"thumbnail"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" width"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"200px"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})}),"\n",(0,i.jsx)(s.h3,{id:"language",children:"Language"}),"\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.code,{children:"options.language"})," object allows for the configuration of the language options for the Scroll component. This includes the default languages and language options."]}),"\n",(0,i.jsxs)(s.p,{children:["By default, the ",(0,i.jsx)(s.code,{children:"options.language"})," object is not set, and the Scroll component will not display any language options. When the ",(0,i.jsx)(s.code,{children:"options.language"})," object is set, the Scroll component will display a language dropdown that allows users to filter the content by languages within the Manifest annotation body resources. If defaultLanguages are not set, the Scroll component will display all languages available in the Manifest."]}),"\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.code,{children:"options.language.options"})," array should be an array of objects with key-value pairs where the key is the language code and the value is the language name. The language code should match the language code in the Manifest annotation body resources."]}),"\n",(0,i.jsxs)(s.table,{children:[(0,i.jsx)(s.thead,{children:(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.th,{children:"Prop"}),(0,i.jsx)(s.th,{children:"Type"}),(0,i.jsx)(s.th,{children:"Required"}),(0,i.jsx)(s.th,{children:"Default"})]})}),(0,i.jsxs)(s.tbody,{children:[(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options.language.defaultLanguages"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"string[]"})}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"[]"})})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options.language.enabled"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"boolean"})}),(0,i.jsx)(s.td,{children:"Yes"}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"false"})})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options.language.options"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"Array<[key: string]: string>"})}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"[]"})})]})]})]}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Scroll"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"iiifContent"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://iiif-maktaba.dc.library.northwestern.edu/dc8ff749-adad-42a7-81e0-0eb473ef88a5.json"'})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"options"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" offset"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"90"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" language"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" defaultLanguages"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"en"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" enabled"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"true"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" options"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" [{ en"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"English"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { ar"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Arabic"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})]})}let p={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:s}=Object.assign({},(0,o.a)(),e.components);return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(x,{...e})}):x(e)},pageOpts:{filePath:"pages/docs/scroll.mdx",route:"/docs/scroll",frontMatter:{title:"Scroll"},timestamp:1732573097e3,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Scroll",headings:h},pageNextRoute:"/docs/scroll",nextraLayout:r.ZP,themeConfig:l.Z};s.default=(0,t.j)(p)},1418:function(e,s,n){"use strict";var i=n(2676),t=n(5271),r=n(6147),l=n.n(r),o=n(9205);let a=l()(()=>Promise.all([n.e(585),n.e(668),n.e(965),n.e(580),n.e(367),n.e(938),n.e(683),n.e(641),n.e(542),n.e(338),n.e(991)]).then(n.bind(n,6991)),{loadableGenerated:{webpack:()=>[6991]},ssr:!1});s.Z=e=>{let{iiifContent:s="http://localhost:3000/manifest/annotations/commenting.json",options:n}=e,[r,l]=(0,t.useState)(),{"iiif-content":c}=(0,o.useRouter)().query;return((0,t.useEffect)(()=>{r?l(c):l(s)},[c]),r)?(0,i.jsx)(a,{iiifContent:r,options:n}):null}},1973:function(e,s,n){"use strict";var i=n(2676),t=n(5318),r=n.n(t);n(5271);var l=n(8158);let o=()=>{let e="#ed1d33",s="#2873ab";return(0,i.jsxs)("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1",style:{height:"1rem"},children:[(0,i.jsx)("title",{children:"IIIF Logo"}),(0,i.jsx)("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)",children:(0,i.jsxs)("g",{transform:"scale(0.1)",children:[(0,i.jsx)("path",{style:{fill:s},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),(0,i.jsx)("path",{style:{fill:s},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),(0,i.jsx)("path",{style:{fill:e},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),(0,i.jsx)("path",{style:{fill:e},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),(0,i.jsx)("path",{style:{fill:s},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),(0,i.jsx)("path",{style:{fill:s},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),(0,i.jsx)("path",{style:{fill:e},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"})]})})]})},a=(0,l.zo)(r(),{display:"inline-flex",flexDirection:"column",textDecoration:"none",alignItems:"center",padding:"0.5rem 0"}),c=(0,l.zo)("span",{display:"inline-flex",alignItems:"center",justifyContent:"center"});s.Z=e=>{let{children:s,href:n,text:t=["Presentation API"]}=e;return(0,i.jsx)(a,{href:n,target:"_blank",className:"nx-flex-col",children:(0,i.jsxs)(c,{className:"nx-gap-2 nx-h-7 nx-rounded-md nx-px-2 nx-text-left nx-text-sm nx-font-medium nx-text-gray-600 nx-transition-colors dark:nx-text-gray-400 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",children:[(0,i.jsx)(o,{})," ",t.join(" or ")," ↗"]})})}},8158:function(e,s,n){"use strict";n.d(s,{BC:function(){return t},F4:function(){return o},zo:function(){return r}});var i=n(1028);let t={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:r,css:l,keyframes:o,createTheme:a}=(0,i.Th)({theme:{colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"hsl(".concat(209," 100% 38.2%)"),accentMuted:"hsl(".concat(209," 80% 61.8%)"),accentAlt:"hsl(".concat(209," 80% 30%)"),secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},media:t})},7104:function(e,s,n){"use strict";n.d(s,{Z:function(){return j}});var i=n(2676),t=n(2936),r=n.n(t),l=n(5271);let o={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},a=["Scroll"];var c=e=>{let{title:s}=e;return a.includes(s)?(0,i.jsxs)("span",{children:[s,(0,i.jsx)("span",{style:o,children:"Beta"})]}):(0,i.jsx)("span",{children:s})},d=n(826),h=n(9205);let x="Clover IIIF",p="Showcase IIIF Manifests as interoperable web content.";var j={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),s=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(x):"".concat(x," – ").concat(p),n=e.frontMatter.description?e.frontMatter.description:p,{route:i}=(0,h.useRouter)(),t=(0,l.useMemo)(()=>new URL(i.endsWith("/")?i:"".concat(i,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[i]);return{defaultTitle:"".concat(x," - ").concat(p),title:s,description:n,canonical:t,openGraph:{url:t,title:s,siteName:"".concat(x," - ").concat(p),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,i.jsx)(()=>(0,i.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,i.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,i.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,i.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,i.jsx)(r(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,i.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){}},function(e){e.O(0,[546,514,888,774,179],function(){return e(e.s=6344)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/docs/scroll/demo-5d23c16f6bb43126.js b/_next/static/chunks/pages/docs/scroll/demo-5d23c16f6bb43126.js deleted file mode 100644 index a4f04d0f..00000000 --- a/_next/static/chunks/pages/docs/scroll/demo-5d23c16f6bb43126.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[70],{8512:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/scroll/demo",function(){return a(9996)}])},9996:function(e,t,a){"use strict";a.r(t),a.d(t,{__toc:function(){return x}});var n=a(2676),r=a(5384),i=a(826),s=a(7104);a(1952);var o=a(7532),l=a(1418);a(1973);var c=a(2686),d=a(5940);let x=[{depth:2,value:"Scroll",id:"scroll"}];function m(e){let t=Object.assign({h2:"h2",p:"p",code:"code",hr:"hr"},(0,o.a)(),e.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h2,{id:"scroll",children:"Scroll"}),"\n",(0,n.jsx)("br",{}),"\n",(0,n.jsx)(c.Z,{href:"/docs/scroll",text:"Docs",size:"small"}),"\n",(0,n.jsx)(d.Z,{placeholder:"IIIF Manifest"}),"\n",(0,n.jsxs)(t.p,{children:["A UI component rendering vertical scrolling articles that output individual Canvases, basic descriptive properties, and Annotations with ",(0,n.jsx)(t.code,{children:"commenting"})," motivations with support for ",(0,n.jsx)(t.code,{children:"transcribing"})," and ",(0,n.jsx)(t.code,{children:"translating"})," motivations."]}),"\n",(0,n.jsx)(t.hr,{}),"\n",(0,n.jsx)(l.Z,{iiifContent:"https://iiif-maktaba.dc.library.northwestern.edu/dc8ff749-adad-42a7-81e0-0eb473ef88a5.json",options:{offset:90,language:{defaultLanguages:["en"],enabled:!0,options:[{en:"English"},{ar:"Arabic"}]}}})]})}let p={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,o.a)(),e.components);return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(m,{...e})}):m(e)},pageOpts:{filePath:"pages/docs/scroll/demo.mdx",route:"/docs/scroll/demo",timestamp:173257264e4,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Demo",headings:x},pageNextRoute:"/docs/scroll/demo",nextraLayout:i.ZP,themeConfig:s.Z};t.default=(0,r.j)(p)},2686:function(e,t,a){"use strict";var n=a(2676),r=a(8158),i=a(5318),s=a.n(i);a(5271);let o=(0,r.zo)(s(),{display:"inline-flex",fontSize:"1.47rem",fontWeight:"400",lineHeight:"1.6",borderRadius:"6px",color:"#fff",background:"linear-gradient(130deg, hsl(var(--nextra-primary-hue), 100%, 45%) 0%, hsl(calc(var(--nextra-primary-hue) + 50deg), 100%, 38.2%) 100%)",padding:"0.75rem 1.5rem",gap:"0.5rem",boxShadow:"-15px 0 30px -15px hsl(var(--nextra-primary-hue) 100% 45%), 0 0 30px -15px hsl(235 100% 38.2%), 15px 0 30px -15px hsl(calc(var(--nextra-primary-hue) + 50deg), 100%, 45%)",textShadow:"-1px -1px 2px hsl(var(--nextra-primary-hue), 100%, 10%, 10%)",transition:"all 200ms ease-in-out","&:hover, &:focus":{boxShadow:"-15px 0 30px -15px hsla(var(--nextra-primary-hue), 100%, 45%, 100%), 0 0 30px -15px hsla(235, 100%, 38.2%, 38.2%), 15px 0 30px -15px hsla(calc(var(--nextra-primary-hue) + 10deg), 100%, 85%, 25%)"},variants:{size:{small:{fontSize:"1rem",padding:"0.25rem .75rem"}}},span:{display:"inline-flex",color:"hsla(var(--nextra-primary-hue), 100%, 75%, 61.8%)"}});t.Z=e=>{let{href:t,size:a,text:r}=e;return(0,n.jsxs)(o,{className:"nx-bg-primary-400/10",href:t,size:a,children:[r," ",(0,n.jsx)("span",{children:"→"})]})}},5940:function(e,t,a){"use strict";var n=a(2676),r=a(4966),i=a(5271),s=a(8158),o=a(9205);let l=(0,s.zo)("div",{margin:"2rem auto 0",input:{padding:"0.75rem 1.25rem"},label:{display:"none",opacity:"0.5",fontFamily:"inherit"}});t.Z=e=>{var t;let{placeholder:a}=e,[s,c]=(0,i.useState)(""),d=(0,o.useRouter)();return(0,n.jsx)(l,{className:"nextra-search nx-relative",children:(0,n.jsxs)(r.fC,{onSubmit:e=>{e.preventDefault(),e.stopPropagation(),d.push({query:{"iiif-content":s}})},children:[(0,n.jsxs)(r.gN,{name:"iiifContent",onChange:e=>{e.preventDefault(),e.stopPropagation(),c(e.target.value)},children:[(0,n.jsx)(r.__,{children:"IIIF Manifest or Collection"}),(0,n.jsx)(r.oT,{placeholder:a,defaultValue:null==d?void 0:null===(t=d.query)||void 0===t?void 0:t["iiif-content"],className:"nx-block nx-w-full nx-appearance-none nx-rounded-lg nx-px-3 nx-py-2 nx-transition-colors nx-text-base nx-leading-tight md:nx-text-sm nx-bg-black/[.05] dark:nx-bg-gray-50/10 focus:nx-bg-white dark:focus:nx-bg-dark placeholder:nx-text-gray-500 dark:placeholder:nx-text-gray-400 contrast-more:nx-border contrast-more:nx-border-current"})]}),(0,n.jsx)(r.k4,{})]})})}},1418:function(e,t,a){"use strict";var n=a(2676),r=a(5271),i=a(6147),s=a.n(i),o=a(9205);let l=s()(()=>Promise.all([a.e(585),a.e(668),a.e(965),a.e(580),a.e(367),a.e(938),a.e(683),a.e(641),a.e(542),a.e(338),a.e(991)]).then(a.bind(a,6991)),{loadableGenerated:{webpack:()=>[6991]},ssr:!1});t.Z=e=>{let{iiifContent:t="http://localhost:3000/manifest/annotations/commenting.json",options:a}=e,[i,s]=(0,r.useState)(),{"iiif-content":c}=(0,o.useRouter)().query;return((0,r.useEffect)(()=>{i?s(c):s(t)},[c]),i)?(0,n.jsx)(l,{iiifContent:i,options:a}):null}},1973:function(e,t,a){"use strict";var n=a(2676),r=a(5318),i=a.n(r);a(5271);var s=a(8158);let o=()=>{let e="#ed1d33",t="#2873ab";return(0,n.jsxs)("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1",style:{height:"1rem"},children:[(0,n.jsx)("title",{children:"IIIF Logo"}),(0,n.jsx)("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)",children:(0,n.jsxs)("g",{transform:"scale(0.1)",children:[(0,n.jsx)("path",{style:{fill:t},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),(0,n.jsx)("path",{style:{fill:t},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),(0,n.jsx)("path",{style:{fill:e},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),(0,n.jsx)("path",{style:{fill:e},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),(0,n.jsx)("path",{style:{fill:t},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),(0,n.jsx)("path",{style:{fill:t},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),(0,n.jsx)("path",{style:{fill:e},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"})]})})]})},l=(0,s.zo)(i(),{display:"inline-flex",flexDirection:"column",textDecoration:"none",alignItems:"center",padding:"0.5rem 0"}),c=(0,s.zo)("span",{display:"inline-flex",alignItems:"center",justifyContent:"center"});t.Z=e=>{let{children:t,href:a,text:r=["Presentation API"]}=e;return(0,n.jsx)(l,{href:a,target:"_blank",className:"nx-flex-col",children:(0,n.jsxs)(c,{className:"nx-gap-2 nx-h-7 nx-rounded-md nx-px-2 nx-text-left nx-text-sm nx-font-medium nx-text-gray-600 nx-transition-colors dark:nx-text-gray-400 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",children:[(0,n.jsx)(o,{})," ",r.join(" or ")," ↗"]})})}},8158:function(e,t,a){"use strict";a.d(t,{BC:function(){return r},F4:function(){return o},zo:function(){return i}});var n=a(1028);let r={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:i,css:s,keyframes:o,createTheme:l}=(0,n.Th)({theme:{colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"hsl(".concat(209," 100% 38.2%)"),accentMuted:"hsl(".concat(209," 80% 61.8%)"),accentAlt:"hsl(".concat(209," 80% 30%)"),secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},media:r})},7104:function(e,t,a){"use strict";a.d(t,{Z:function(){return u}});var n=a(2676),r=a(2936),i=a.n(r),s=a(5271);let o={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},l=["Scroll"];var c=e=>{let{title:t}=e;return l.includes(t)?(0,n.jsxs)("span",{children:[t,(0,n.jsx)("span",{style:o,children:"Beta"})]}):(0,n.jsx)("span",{children:t})},d=a(826),x=a(9205);let m="Clover IIIF",p="Showcase IIIF Manifests as interoperable web content.";var u={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),t=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(m):"".concat(m," – ").concat(p),a=e.frontMatter.description?e.frontMatter.description:p,{route:n}=(0,x.useRouter)(),r=(0,s.useMemo)(()=>new URL(n.endsWith("/")?n:"".concat(n,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[n]);return{defaultTitle:"".concat(m," - ").concat(p),title:t,description:a,canonical:r,openGraph:{url:r,title:t,siteName:"".concat(m," - ").concat(p),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,n.jsx)(()=>(0,n.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,n.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,n.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,n.jsx)(i(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,n.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){}},function(e){e.O(0,[546,514,966,888,774,179],function(){return e(e.s=8512)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/docs/scroll/demo-e46843fbefab287d.js b/_next/static/chunks/pages/docs/scroll/demo-e46843fbefab287d.js new file mode 100644 index 00000000..7778ba18 --- /dev/null +++ b/_next/static/chunks/pages/docs/scroll/demo-e46843fbefab287d.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[70],{8512:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/scroll/demo",function(){return a(9996)}])},9996:function(e,t,a){"use strict";a.r(t),a.d(t,{__toc:function(){return x}});var n=a(2676),r=a(5384),i=a(826),s=a(7104);a(1952);var o=a(7532),l=a(1418);a(1973);var c=a(2686),d=a(5940);let x=[{depth:2,value:"Scroll",id:"scroll"}];function m(e){let t=Object.assign({h2:"h2",p:"p",code:"code",hr:"hr"},(0,o.a)(),e.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h2,{id:"scroll",children:"Scroll"}),"\n",(0,n.jsx)("br",{}),"\n",(0,n.jsx)(c.Z,{href:"/docs/scroll",text:"Docs",size:"small"}),"\n",(0,n.jsx)(d.Z,{placeholder:"IIIF Manifest"}),"\n",(0,n.jsxs)(t.p,{children:["A UI component rendering vertical scrolling articles that output individual Canvases, basic descriptive properties, and Annotations with ",(0,n.jsx)(t.code,{children:"commenting"})," motivations with support for ",(0,n.jsx)(t.code,{children:"transcribing"})," and ",(0,n.jsx)(t.code,{children:"translating"})," motivations."]}),"\n",(0,n.jsx)(t.hr,{}),"\n",(0,n.jsx)(l.Z,{iiifContent:"https://iiif-maktaba.dc.library.northwestern.edu/dc8ff749-adad-42a7-81e0-0eb473ef88a5.json",options:{offset:90,language:{defaultLanguages:["en"],enabled:!0,options:[{en:"English"},{ar:"Arabic"}]}}})]})}let p={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,o.a)(),e.components);return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(m,{...e})}):m(e)},pageOpts:{filePath:"pages/docs/scroll/demo.mdx",route:"/docs/scroll/demo",timestamp:1732573097e3,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Demo",headings:x},pageNextRoute:"/docs/scroll/demo",nextraLayout:i.ZP,themeConfig:s.Z};t.default=(0,r.j)(p)},2686:function(e,t,a){"use strict";var n=a(2676),r=a(8158),i=a(5318),s=a.n(i);a(5271);let o=(0,r.zo)(s(),{display:"inline-flex",fontSize:"1.47rem",fontWeight:"400",lineHeight:"1.6",borderRadius:"6px",color:"#fff",background:"linear-gradient(130deg, hsl(var(--nextra-primary-hue), 100%, 45%) 0%, hsl(calc(var(--nextra-primary-hue) + 50deg), 100%, 38.2%) 100%)",padding:"0.75rem 1.5rem",gap:"0.5rem",boxShadow:"-15px 0 30px -15px hsl(var(--nextra-primary-hue) 100% 45%), 0 0 30px -15px hsl(235 100% 38.2%), 15px 0 30px -15px hsl(calc(var(--nextra-primary-hue) + 50deg), 100%, 45%)",textShadow:"-1px -1px 2px hsl(var(--nextra-primary-hue), 100%, 10%, 10%)",transition:"all 200ms ease-in-out","&:hover, &:focus":{boxShadow:"-15px 0 30px -15px hsla(var(--nextra-primary-hue), 100%, 45%, 100%), 0 0 30px -15px hsla(235, 100%, 38.2%, 38.2%), 15px 0 30px -15px hsla(calc(var(--nextra-primary-hue) + 10deg), 100%, 85%, 25%)"},variants:{size:{small:{fontSize:"1rem",padding:"0.25rem .75rem"}}},span:{display:"inline-flex",color:"hsla(var(--nextra-primary-hue), 100%, 75%, 61.8%)"}});t.Z=e=>{let{href:t,size:a,text:r}=e;return(0,n.jsxs)(o,{className:"nx-bg-primary-400/10",href:t,size:a,children:[r," ",(0,n.jsx)("span",{children:"→"})]})}},5940:function(e,t,a){"use strict";var n=a(2676),r=a(4966),i=a(5271),s=a(8158),o=a(9205);let l=(0,s.zo)("div",{margin:"2rem auto 0",input:{padding:"0.75rem 1.25rem"},label:{display:"none",opacity:"0.5",fontFamily:"inherit"}});t.Z=e=>{var t;let{placeholder:a}=e,[s,c]=(0,i.useState)(""),d=(0,o.useRouter)();return(0,n.jsx)(l,{className:"nextra-search nx-relative",children:(0,n.jsxs)(r.fC,{onSubmit:e=>{e.preventDefault(),e.stopPropagation(),d.push({query:{"iiif-content":s}})},children:[(0,n.jsxs)(r.gN,{name:"iiifContent",onChange:e=>{e.preventDefault(),e.stopPropagation(),c(e.target.value)},children:[(0,n.jsx)(r.__,{children:"IIIF Manifest or Collection"}),(0,n.jsx)(r.oT,{placeholder:a,defaultValue:null==d?void 0:null===(t=d.query)||void 0===t?void 0:t["iiif-content"],className:"nx-block nx-w-full nx-appearance-none nx-rounded-lg nx-px-3 nx-py-2 nx-transition-colors nx-text-base nx-leading-tight md:nx-text-sm nx-bg-black/[.05] dark:nx-bg-gray-50/10 focus:nx-bg-white dark:focus:nx-bg-dark placeholder:nx-text-gray-500 dark:placeholder:nx-text-gray-400 contrast-more:nx-border contrast-more:nx-border-current"})]}),(0,n.jsx)(r.k4,{})]})})}},1418:function(e,t,a){"use strict";var n=a(2676),r=a(5271),i=a(6147),s=a.n(i),o=a(9205);let l=s()(()=>Promise.all([a.e(585),a.e(668),a.e(965),a.e(580),a.e(367),a.e(938),a.e(683),a.e(641),a.e(542),a.e(338),a.e(991)]).then(a.bind(a,6991)),{loadableGenerated:{webpack:()=>[6991]},ssr:!1});t.Z=e=>{let{iiifContent:t="http://localhost:3000/manifest/annotations/commenting.json",options:a}=e,[i,s]=(0,r.useState)(),{"iiif-content":c}=(0,o.useRouter)().query;return((0,r.useEffect)(()=>{i?s(c):s(t)},[c]),i)?(0,n.jsx)(l,{iiifContent:i,options:a}):null}},1973:function(e,t,a){"use strict";var n=a(2676),r=a(5318),i=a.n(r);a(5271);var s=a(8158);let o=()=>{let e="#ed1d33",t="#2873ab";return(0,n.jsxs)("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1",style:{height:"1rem"},children:[(0,n.jsx)("title",{children:"IIIF Logo"}),(0,n.jsx)("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)",children:(0,n.jsxs)("g",{transform:"scale(0.1)",children:[(0,n.jsx)("path",{style:{fill:t},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),(0,n.jsx)("path",{style:{fill:t},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),(0,n.jsx)("path",{style:{fill:e},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),(0,n.jsx)("path",{style:{fill:e},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),(0,n.jsx)("path",{style:{fill:t},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),(0,n.jsx)("path",{style:{fill:t},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),(0,n.jsx)("path",{style:{fill:e},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"})]})})]})},l=(0,s.zo)(i(),{display:"inline-flex",flexDirection:"column",textDecoration:"none",alignItems:"center",padding:"0.5rem 0"}),c=(0,s.zo)("span",{display:"inline-flex",alignItems:"center",justifyContent:"center"});t.Z=e=>{let{children:t,href:a,text:r=["Presentation API"]}=e;return(0,n.jsx)(l,{href:a,target:"_blank",className:"nx-flex-col",children:(0,n.jsxs)(c,{className:"nx-gap-2 nx-h-7 nx-rounded-md nx-px-2 nx-text-left nx-text-sm nx-font-medium nx-text-gray-600 nx-transition-colors dark:nx-text-gray-400 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",children:[(0,n.jsx)(o,{})," ",r.join(" or ")," ↗"]})})}},8158:function(e,t,a){"use strict";a.d(t,{BC:function(){return r},F4:function(){return o},zo:function(){return i}});var n=a(1028);let r={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:i,css:s,keyframes:o,createTheme:l}=(0,n.Th)({theme:{colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"hsl(".concat(209," 100% 38.2%)"),accentMuted:"hsl(".concat(209," 80% 61.8%)"),accentAlt:"hsl(".concat(209," 80% 30%)"),secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},media:r})},7104:function(e,t,a){"use strict";a.d(t,{Z:function(){return u}});var n=a(2676),r=a(2936),i=a.n(r),s=a(5271);let o={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},l=["Scroll"];var c=e=>{let{title:t}=e;return l.includes(t)?(0,n.jsxs)("span",{children:[t,(0,n.jsx)("span",{style:o,children:"Beta"})]}):(0,n.jsx)("span",{children:t})},d=a(826),x=a(9205);let m="Clover IIIF",p="Showcase IIIF Manifests as interoperable web content.";var u={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),t=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(m):"".concat(m," – ").concat(p),a=e.frontMatter.description?e.frontMatter.description:p,{route:n}=(0,x.useRouter)(),r=(0,s.useMemo)(()=>new URL(n.endsWith("/")?n:"".concat(n,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[n]);return{defaultTitle:"".concat(m," - ").concat(p),title:t,description:a,canonical:r,openGraph:{url:r,title:t,siteName:"".concat(m," - ").concat(p),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,n.jsx)(()=>(0,n.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,n.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,n.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,n.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,n.jsx)(i(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,n.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){}},function(e){e.O(0,[546,514,966,888,774,179],function(){return e(e.s=8512)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/docs/seeAlso-0887f7619e944054.js b/_next/static/chunks/pages/docs/seeAlso-0887f7619e944054.js new file mode 100644 index 00000000..8f7e4f84 --- /dev/null +++ b/_next/static/chunks/pages/docs/seeAlso-0887f7619e944054.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[373],{3459:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/seeAlso",function(){return s(2137)}])},2137:function(e,t,s){"use strict";s.r(t),s.d(t,{__toc:function(){return h}});var r=s(2676),i=s(5384),n=s(826),l=s(7104);s(1952);var o=s(7532),a=s(1973),c=s(4384),d=s(3860);let h=[{depth:2,value:"Usage",id:"usage"},{depth:3,value:"React",id:"react"},{depth:2,value:"API Reference",id:"api-reference"},{depth:3,value:"Custom Element",id:"custom-element"}];function p(e){let t=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",h2:"h2",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",strong:"strong"},(0,o.a)(),e.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{children:"SeeAlso"}),"\n",(0,r.jsx)(t.p,{children:"The SeeAlso component is used to display a list of related resources. A machine-readable resource such as an XML or RDF description that is related to the current resource that has the seeAlso property. The resource may be of any media type, and contain any type of data."}),"\n",(0,r.jsx)(a.Z,{href:"https://iiif.io/api/presentation/3.0/#seealso",text:["seeAlso"]}),"\n",(0,r.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,r.jsx)(d.OK,{children:(0,r.jsx)(t.pre,{"data-language":"jsx","data-theme":"default",children:(0,r.jsxs)(t.code,{"data-language":"jsx","data-theme":"default",children:[(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"SeeAlso"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"seeAlso"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,r.jsx)(t.span,{className:"line",children:(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" id"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/works/71153379-4283-43be-8b0f-4e7e3bfda275"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" type"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Dataset"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" format"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"application/json"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Northwestern University Libraries Digital Collections API"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(t.span,{className:"line",children:(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,r.jsx)(t.span,{className:"line",children:(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(c.QZ,{seeAlso:[{id:"https://api.dc.library.northwestern.edu/api/v2/works/71153379-4283-43be-8b0f-4e7e3bfda275",type:"Dataset",format:"application/json",label:{none:["Northwestern University Libraries Digital Collections API"]}}]})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(t.pre,{"data-language":"html","data-theme":"default",children:(0,r.jsxs)(t.code,{"data-language":"html","data-theme":"default",children:[(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"ul"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"li"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/works/71153379-4283-43be-8b0f-4e7e3bfda275"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsx)(t.span,{className:"line",children:(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" Northwestern University Libraries Digital Collections API"})}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,r.jsx)(t.h2,{id:"usage",children:"Usage"}),"\n",(0,r.jsx)(t.h3,{id:"react",children:"React"}),"\n",(0,r.jsx)(t.pre,{"data-language":"jsx","data-theme":"default",children:(0,r.jsxs)(t.code,{"data-language":"jsx","data-theme":"default",children:[(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" { SeeAlso } "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/primitives"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,r.jsx)(t.span,{className:"line",children:" "}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"CustomSeeAlso"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ({ seeAlso }) "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"SeeAlso"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"seeAlso"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{seeAlso} />;"})]}),"\n",(0,r.jsx)(t.span,{className:"line",children:(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,r.jsx)(t.span,{className:"line",children:" "}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" CustomSeeAlso;"})]})]})}),"\n",(0,r.jsx)(t.h2,{id:"api-reference",children:"API Reference"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Prop"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Default"}),(0,r.jsx)(t.th,{children:"Required"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"as"})}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.code,{children:"ol"}),", ",(0,r.jsx)(t.code,{children:"ul"})]}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"ul"})}),(0,r.jsx)(t.td,{children:"--"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"seeAlso"})}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://iiif.io/api/presentation/3.0/#seeAlso",children:"seeAlso"})}),(0,r.jsx)(t.td,{children:"--"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.strong,{children:"Yes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"className"})}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.code,{children:"string"}),", ",(0,r.jsx)(t.code,{children:"undefined"})]}),(0,r.jsx)(t.td,{children:"--"}),(0,r.jsx)(t.td,{children:"--"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"style"})}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.code,{children:"CSSProperties"}),", ",(0,r.jsx)(t.code,{children:"undefined"})]}),(0,r.jsx)(t.td,{children:"--"}),(0,r.jsx)(t.td,{children:"--"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"lang"})}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.code,{children:"string"}),", ",(0,r.jsx)(t.code,{children:"undefined"})]}),(0,r.jsx)(t.td,{children:"--"}),(0,r.jsx)(t.td,{children:"--"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"title"})}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.code,{children:"string"}),", ",(0,r.jsx)(t.code,{children:"undefined"})]}),(0,r.jsx)(t.td,{children:"--"}),(0,r.jsx)(t.td,{children:"--"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"data-*"})}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.code,{children:"string"}),", ",(0,r.jsx)(t.code,{children:"undefined"})]}),(0,r.jsx)(t.td,{children:"--"}),(0,r.jsx)(t.td,{children:"--"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"aria-*"})}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.code,{children:"AriaAttributes"}),", ",(0,r.jsx)(t.code,{children:"undefined"})]}),(0,r.jsx)(t.td,{children:"--"}),(0,r.jsx)(t.td,{children:"--"})]})]})]}),"\n",(0,r.jsx)(t.h3,{id:"custom-element",children:"Custom Element"}),"\n",(0,r.jsxs)(t.p,{children:["The ",(0,r.jsx)(t.code,{children:"SeeAlso"})," component can be rendered as either ",(0,r.jsx)(t.code,{children:"ol"})," or ",(0,r.jsx)(t.code,{children:"ul"})," elements. The default is ",(0,r.jsx)(t.code,{children:"ul"}),"."]}),"\n",(0,r.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,r.jsx)(d.OK,{children:(0,r.jsx)(t.pre,{"data-language":"jsx","data-theme":"default",children:(0,r.jsxs)(t.code,{"data-language":"jsx","data-theme":"default",children:[(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"SeeAlso"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"seeAlso"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,r.jsx)(t.span,{className:"line",children:(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" id"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/works/71153379-4283-43be-8b0f-4e7e3bfda275"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" type"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Dataset"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" format"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"application/json"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Northwestern University Libraries Digital Collections API"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(t.span,{className:"line",children:(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"as"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"ol"'})]}),"\n",(0,r.jsx)(t.span,{className:"line",children:(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(c.QZ,{seeAlso:[{id:"https://api.dc.library.northwestern.edu/api/v2/works/71153379-4283-43be-8b0f-4e7e3bfda275",type:"Dataset",format:"application/json",label:{none:["Northwestern University Libraries Digital Collections API"]}}],as:"ol"})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(t.pre,{"data-language":"html","data-theme":"default",children:(0,r.jsxs)(t.code,{"data-language":"html","data-theme":"default",children:[(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"ol"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"li"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/works/71153379-4283-43be-8b0f-4e7e3bfda275"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsx)(t.span,{className:"line",children:(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" Northwestern University Libraries Digital Collections API"})}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]})]})}let x={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,o.a)(),e.components);return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(p,{...e})}):p(e)},pageOpts:{filePath:"pages/docs/seeAlso.mdx",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"},timestamp:1732573097e3,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"SeeAlso",headings:h},pageNextRoute:"/docs/seeAlso",nextraLayout:n.ZP,themeConfig:l.Z};t.default=(0,i.j)(x)},1973:function(e,t,s){"use strict";var r=s(2676),i=s(5318),n=s.n(i);s(5271);var l=s(8158);let o=()=>{let e="#ed1d33",t="#2873ab";return(0,r.jsxs)("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1",style:{height:"1rem"},children:[(0,r.jsx)("title",{children:"IIIF Logo"}),(0,r.jsx)("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)",children:(0,r.jsxs)("g",{transform:"scale(0.1)",children:[(0,r.jsx)("path",{style:{fill:t},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),(0,r.jsx)("path",{style:{fill:t},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),(0,r.jsx)("path",{style:{fill:e},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),(0,r.jsx)("path",{style:{fill:e},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),(0,r.jsx)("path",{style:{fill:t},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),(0,r.jsx)("path",{style:{fill:t},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),(0,r.jsx)("path",{style:{fill:e},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"})]})})]})},a=(0,l.zo)(n(),{display:"inline-flex",flexDirection:"column",textDecoration:"none",alignItems:"center",padding:"0.5rem 0"}),c=(0,l.zo)("span",{display:"inline-flex",alignItems:"center",justifyContent:"center"});t.Z=e=>{let{children:t,href:s,text:i=["Presentation API"]}=e;return(0,r.jsx)(a,{href:s,target:"_blank",className:"nx-flex-col",children:(0,r.jsxs)(c,{className:"nx-gap-2 nx-h-7 nx-rounded-md nx-px-2 nx-text-left nx-text-sm nx-font-medium nx-text-gray-600 nx-transition-colors dark:nx-text-gray-400 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",children:[(0,r.jsx)(o,{})," ",i.join(" or ")," ↗"]})})}},8158:function(e,t,s){"use strict";s.d(t,{BC:function(){return i},F4:function(){return o},zo:function(){return n}});var r=s(1028);let i={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:n,css:l,keyframes:o,createTheme:a}=(0,r.Th)({theme:{colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"hsl(".concat(209," 100% 38.2%)"),accentMuted:"hsl(".concat(209," 80% 61.8%)"),accentAlt:"hsl(".concat(209," 80% 30%)"),secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},media:i})},7104:function(e,t,s){"use strict";s.d(t,{Z:function(){return m}});var r=s(2676),i=s(2936),n=s.n(i),l=s(5271);let o={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},a=["Scroll"];var c=e=>{let{title:t}=e;return a.includes(t)?(0,r.jsxs)("span",{children:[t,(0,r.jsx)("span",{style:o,children:"Beta"})]}):(0,r.jsx)("span",{children:t})},d=s(826),h=s(9205);let p="Clover IIIF",x="Showcase IIIF Manifests as interoperable web content.";var m={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),t=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(p):"".concat(p," – ").concat(x),s=e.frontMatter.description?e.frontMatter.description:x,{route:r}=(0,h.useRouter)(),i=(0,l.useMemo)(()=>new URL(r.endsWith("/")?r:"".concat(r,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[r]);return{defaultTitle:"".concat(p," - ").concat(x),title:t,description:s,canonical:i,openGraph:{url:i,title:t,siteName:"".concat(p," - ").concat(x),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,r.jsx)(()=>(0,r.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,r.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,r.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,r.jsx)(n(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,r.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){},1028:function(e,t,s){"use strict";s.d(t,{Th:function(){return Y},jG:function(){return et}});var r,i=s(5271),n="colors",l="sizes",o="space",a={gap:o,gridGap:o,columnGap:o,gridColumnGap:o,rowGap:o,gridRowGap:o,inset:o,insetBlock:o,insetBlockEnd:o,insetBlockStart:o,insetInline:o,insetInlineEnd:o,insetInlineStart:o,margin:o,marginTop:o,marginRight:o,marginBottom:o,marginLeft:o,marginBlock:o,marginBlockEnd:o,marginBlockStart:o,marginInline:o,marginInlineEnd:o,marginInlineStart:o,padding:o,paddingTop:o,paddingRight:o,paddingBottom:o,paddingLeft:o,paddingBlock:o,paddingBlockEnd:o,paddingBlockStart:o,paddingInline:o,paddingInlineEnd:o,paddingInlineStart:o,top:o,right:o,bottom:o,left:o,scrollMargin:o,scrollMarginTop:o,scrollMarginRight:o,scrollMarginBottom:o,scrollMarginLeft:o,scrollMarginX:o,scrollMarginY:o,scrollMarginBlock:o,scrollMarginBlockEnd:o,scrollMarginBlockStart:o,scrollMarginInline:o,scrollMarginInlineEnd:o,scrollMarginInlineStart:o,scrollPadding:o,scrollPaddingTop:o,scrollPaddingRight:o,scrollPaddingBottom:o,scrollPaddingLeft:o,scrollPaddingX:o,scrollPaddingY:o,scrollPaddingBlock:o,scrollPaddingBlockEnd:o,scrollPaddingBlockStart:o,scrollPaddingInline:o,scrollPaddingInlineEnd:o,scrollPaddingInlineStart:o,fontSize:"fontSizes",background:n,backgroundColor:n,backgroundImage:n,borderImage:n,border:n,borderBlock:n,borderBlockEnd:n,borderBlockStart:n,borderBottom:n,borderBottomColor:n,borderColor:n,borderInline:n,borderInlineEnd:n,borderInlineStart:n,borderLeft:n,borderLeftColor:n,borderRight:n,borderRightColor:n,borderTop:n,borderTopColor:n,caretColor:n,color:n,columnRuleColor:n,fill:n,outline:n,outlineColor:n,stroke:n,textDecorationColor:n,fontFamily:"fonts",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",blockSize:l,minBlockSize:l,maxBlockSize:l,inlineSize:l,minInlineSize:l,maxInlineSize:l,width:l,minWidth:l,maxWidth:l,height:l,minHeight:l,maxHeight:l,flexBasis:l,gridTemplateColumns:l,gridTemplateRows:l,borderWidth:"borderWidths",borderTopWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderLeftWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",transition:"transitions",zIndex:"zIndices"},c=(e,t)=>"function"==typeof t?{"()":Function.prototype.toString.call(t)}:t,d=()=>{let e=Object.create(null);return(t,s,...r)=>{let i=JSON.stringify(t,c);return i in e?e[i]:e[i]=s(t,...r)}},h=Symbol.for("sxs.internal"),p=(e,t)=>Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)),x=e=>{for(let t in e)return!0;return!1},{hasOwnProperty:m}=Object.prototype,u=e=>e.includes("-")?e:e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase()),k=/\s+(?![^()]*\))/,g=e=>t=>e(..."string"==typeof t?String(t).split(k):[t]),j={appearance:e=>({WebkitAppearance:e,appearance:e}),backfaceVisibility:e=>({WebkitBackfaceVisibility:e,backfaceVisibility:e}),backdropFilter:e=>({WebkitBackdropFilter:e,backdropFilter:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),boxDecorationBreak:e=>({WebkitBoxDecorationBreak:e,boxDecorationBreak:e}),clipPath:e=>({WebkitClipPath:e,clipPath:e}),content:e=>({content:e.includes('"')||e.includes("'")||/^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e)?e:`"${e}"`}),hyphens:e=>({WebkitHyphens:e,hyphens:e}),maskImage:e=>({WebkitMaskImage:e,maskImage:e}),maskSize:e=>({WebkitMaskSize:e,maskSize:e}),tabSize:e=>({MozTabSize:e,tabSize:e}),textSizeAdjust:e=>({WebkitTextSizeAdjust:e,textSizeAdjust:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),marginBlock:g((e,t)=>({marginBlockStart:e,marginBlockEnd:t||e})),marginInline:g((e,t)=>({marginInlineStart:e,marginInlineEnd:t||e})),maxSize:g((e,t)=>({maxBlockSize:e,maxInlineSize:t||e})),minSize:g((e,t)=>({minBlockSize:e,minInlineSize:t||e})),paddingBlock:g((e,t)=>({paddingBlockStart:e,paddingBlockEnd:t||e})),paddingInline:g((e,t)=>({paddingInlineStart:e,paddingInlineEnd:t||e}))},f=/([\d.]+)([^]*)/,y=(e,t)=>e.length?e.reduce((e,s)=>(e.push(...t.map(e=>e.includes("&")?e.replace(/&/g,/[ +>|~]/.test(s)&&/&.*&/.test(e)?`:is(${s})`:s):s+" "+e)),e),[]):t,b=(e,t)=>e in v&&"string"==typeof t?t.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/,(t,s,r,i)=>s+("stretch"===r?`-moz-available${i};${u(e)}:${s}-webkit-fill-available`:`-moz-fit-content${i};${u(e)}:${s}fit-content`)+i):String(t),v={blockSize:1,height:1,inlineSize:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,width:1},S=e=>e?e+"-":"",w=(e,t,s)=>e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g,(e,r,i,n,l)=>"$"==n==!!i?e:(r||"--"==n?"calc(":"")+"var(--"+("$"===n?S(t)+(l.includes("$")?"":S(s))+l.replace(/\$/g,"-"):l)+")"+(r||"--"==n?"*"+(r||"")+(i||"1")+")":"")),I=/\s*,\s*(?![^()]*\))/,M=Object.prototype.toString,N=(e,t,s,r,i)=>{let n,l,o;let a=(e,t,s)=>{let c,d;let h=e=>{var p;for(c in e){let x=64===c.charCodeAt(0);for(d of x&&Array.isArray(e[c])?e[c]:[e[c]]){let e=/[A-Z]/.test(p=c)?p:p.replace(/-[^]/g,e=>e[1].toUpperCase()),m="object"==typeof d&&d&&d.toString===M&&(!r.utils[e]||!t.length);if(e in r.utils&&!m){let t=r.utils[e];if(t!==l){l=t,h(t(d)),l=null;continue}}else if(e in j){let t=j[e];if(t!==o){o=t,h(t(d)),o=null;continue}}if(x&&(c=(c.slice(1) in r.media?"@media "+r.media[c.slice(1)]:c).replace(/\(\s*([\w-]+)\s*(=|<|<=|>|>=)\s*([\w-]+)\s*(?:(<|<=|>|>=)\s*([\w-]+)\s*)?\)/g,(e,t,s,r,i,n)=>{let l=f.test(t),o=.0625*(l?-1:1),[a,c]=l?[r,t]:[t,r];return"("+("="===s[0]?"":">"===s[0]===l?"max-":"min-")+a+":"+("="!==s[0]&&1===s.length?c.replace(f,(e,t,r)=>Number(t)+o*(">"===s?1:-1)+r):c)+(i?") and ("+(">"===i[0]?"min-":"max-")+a+":"+(1===i.length?n.replace(f,(e,t,s)=>Number(t)+o*(">"===i?-1:1)+s):n):"")+")"})),m){let e=x?s.concat(c):[...s],r=x?[...t]:y(t,c.split(I));void 0!==n&&i(B(...n)),n=void 0,a(d,r,e)}else void 0===n&&(n=[[],t,s]),c=x||36!==c.charCodeAt(0)?c:`--${S(r.prefix)}${c.slice(1).replace(/\$/g,"-")}`,d=m?d:"number"==typeof d?d&&e in P?String(d)+"px":String(d):w(b(e,null==d?"":d),r.prefix,r.themeMap[e]),n[0].push(`${x?`${c} `:`${u(c)}:`}${d}`)}}};h(e),void 0!==n&&i(B(...n)),n=void 0};a(e,t,s)},B=(e,t,s)=>`${s.map(e=>`${e}{`).join("")}${t.length?`${t.join(",")}{`:""}${e.join(";")}${t.length?"}":""}${Array(s.length?s.length+1:0).join("}")}`,P={animationDelay:1,animationDuration:1,backgroundSize:1,blockSize:1,border:1,borderBlock:1,borderBlockEnd:1,borderBlockEndWidth:1,borderBlockStart:1,borderBlockStartWidth:1,borderBlockWidth:1,borderBottom:1,borderBottomLeftRadius:1,borderBottomRightRadius:1,borderBottomWidth:1,borderEndEndRadius:1,borderEndStartRadius:1,borderInlineEnd:1,borderInlineEndWidth:1,borderInlineStart:1,borderInlineStartWidth:1,borderInlineWidth:1,borderLeft:1,borderLeftWidth:1,borderRadius:1,borderRight:1,borderRightWidth:1,borderSpacing:1,borderStartEndRadius:1,borderStartStartRadius:1,borderTop:1,borderTopLeftRadius:1,borderTopRightRadius:1,borderTopWidth:1,borderWidth:1,bottom:1,columnGap:1,columnRule:1,columnRuleWidth:1,columnWidth:1,containIntrinsicSize:1,flexBasis:1,fontSize:1,gap:1,gridAutoColumns:1,gridAutoRows:1,gridTemplateColumns:1,gridTemplateRows:1,height:1,inlineSize:1,inset:1,insetBlock:1,insetBlockEnd:1,insetBlockStart:1,insetInline:1,insetInlineEnd:1,insetInlineStart:1,left:1,letterSpacing:1,margin:1,marginBlock:1,marginBlockEnd:1,marginBlockStart:1,marginBottom:1,marginInline:1,marginInlineEnd:1,marginInlineStart:1,marginLeft:1,marginRight:1,marginTop:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,offsetDistance:1,offsetRotate:1,outline:1,outlineOffset:1,outlineWidth:1,overflowClipMargin:1,padding:1,paddingBlock:1,paddingBlockEnd:1,paddingBlockStart:1,paddingBottom:1,paddingInline:1,paddingInlineEnd:1,paddingInlineStart:1,paddingLeft:1,paddingRight:1,paddingTop:1,perspective:1,right:1,rowGap:1,scrollMargin:1,scrollMarginBlock:1,scrollMarginBlockEnd:1,scrollMarginBlockStart:1,scrollMarginBottom:1,scrollMarginInline:1,scrollMarginInlineEnd:1,scrollMarginInlineStart:1,scrollMarginLeft:1,scrollMarginRight:1,scrollMarginTop:1,scrollPadding:1,scrollPaddingBlock:1,scrollPaddingBlockEnd:1,scrollPaddingBlockStart:1,scrollPaddingBottom:1,scrollPaddingInline:1,scrollPaddingInlineEnd:1,scrollPaddingInlineStart:1,scrollPaddingLeft:1,scrollPaddingRight:1,scrollPaddingTop:1,shapeMargin:1,textDecoration:1,textDecorationThickness:1,textIndent:1,textUnderlineOffset:1,top:1,transitionDelay:1,transitionDuration:1,verticalAlign:1,width:1,wordSpacing:1},R=e=>String.fromCharCode(e+(e>25?39:97)),$=e=>(e=>{let t,s="";for(t=Math.abs(e);t>52;t=t/52|0)s=R(t%52)+s;return R(t%52)+s})(((e,t)=>{let s=t.length;for(;s;)e=33*e^t.charCodeAt(--s);return e})(5381,JSON.stringify(e))>>>0),C=["themed","global","styled","onevar","resonevar","allvar","inline"],A=e=>{if(e.href&&!e.href.startsWith(location.origin))return!1;try{return!!e.cssRules}catch(e){return!1}},z=e=>{let t;let s=()=>{let{cssRules:e}=t.sheet;return[].map.call(e,(s,r)=>{let{cssText:i}=s,n="";if(i.startsWith("--sxs"))return"";if(e[r-1]&&(n=e[r-1].cssText).startsWith("--sxs")){if(!s.cssRules.length)return"";for(let e in t.rules)if(t.rules[e].group===s)return`--sxs{--sxs:${[...t.rules[e].cache].join(" ")}}${i}`;return s.cssRules.length?`${n}${i}`:""}return i}).join("")},r=()=>{if(t){let{rules:e,sheet:s}=t;if(!s.deleteRule){for(;3===Object(Object(s.cssRules)[0]).type;)s.cssRules.splice(0,1);s.cssRules=[]}for(let t in e)delete e[t]}for(let i of Object(e).styleSheets||[])if(A(i)){for(let e=0,n=i.cssRules;n[e];++e){let l=Object(n[e]);if(1!==l.type)continue;let o=Object(n[e+1]);if(4!==o.type)continue;++e;let{cssText:a}=l;if(!a.startsWith("--sxs"))continue;let c=a.slice(14,-3).trim().split(/\s+/),d=C[c[0]];d&&(t||(t={sheet:i,reset:r,rules:{},toString:s}),t.rules[d]={group:o,index:e,cache:new Set(c)})}if(t)break}if(!t){let i=(e,t)=>({type:t,cssRules:[],insertRule(e,t){this.cssRules.splice(t,0,i(e,{import:3,undefined:1}[(e.toLowerCase().match(/^@([a-z]+)/)||[])[1]]||4))},get cssText(){return"@media{}"===e?`@media{${[].map.call(this.cssRules,e=>e.cssText).join("")}}`:e}});t={sheet:e?(e.head||e).appendChild(document.createElement("style")).sheet:i("","text/css"),rules:{},reset:r,toString:s}}let{sheet:i,rules:n}=t;for(let e=C.length-1;e>=0;--e){let t=C[e];if(!n[t]){let s=C[e+1],r=n[s]?n[s].index:i.cssRules.length;i.insertRule("@media{}",r),i.insertRule(`--sxs{--sxs:${e}}`,r),n[t]={group:i.cssRules[r+1],index:r,cache:new Set([e])}}T(n[t])}};return r(),t},T=e=>{let t=e.group,s=t.cssRules.length;e.apply=e=>{try{t.insertRule(e,s),++s}catch(e){}}},E=Symbol(),W=d(),L=(e,t)=>W(e,()=>(...s)=>{let r={type:null,composers:new Set};for(let t of s)if(null!=t){if(t[h])for(let e of(null==r.type&&(r.type=t[h].type),t[h].composers))r.composers.add(e);else t.constructor!==Object||t.$$typeof?null==r.type&&(r.type=t):r.composers.add(O(t,e))}return null==r.type&&(r.type="span"),r.composers.size||r.composers.add(["PJLV",{},[],[],{},[]]),D(e,r,t)}),O=({variants:e,compoundVariants:t,defaultVariants:s,...r},i)=>{let n=`${S(i.prefix)}c-${$(r)}`,l=[],o=[],a=Object.create(null),c=[];for(let e in s)a[e]=String(s[e]);if("object"==typeof e&&e)for(let t in e){m.call(a,t)||(a[t]="undefined");let s=e[t];for(let e in s){let r={[t]:String(e)};"undefined"===String(e)&&c.push(t);let i=s[e],n=[r,i,!x(i)];l.push(n)}}if("object"==typeof t&&t)for(let e of t){let{css:t,...s}=e;for(let e in t="object"==typeof t&&t||{},s)s[e]=String(s[e]);let r=[s,t,!x(t)];o.push(r)}return[n,r,l,o,a,c]},D=(e,t,s)=>{let[r,i,n,l]=F(t.composers),o="function"==typeof t.type||t.type.$$typeof?(e=>{function t(){for(let s=0;st.rules[e]={apply:s=>t[E].push([e,s])}),t})(s):null,a=(o||s).rules,c=`.${r}${i.length>1?`:where(.${i.slice(1).join(".")})`:""}`,d=d=>{let{css:h,...p}=d="object"==typeof d&&d||V,x={};for(let e in n)if(delete p[e],e in d){let t=d[e];"object"==typeof t&&t?x[e]={"@initial":n[e],...t}:(t=String(t),x[e]="undefined"!==t||l.has(e)?t:n[e])}else x[e]=n[e];let m=new Set([...i]);for(let[r,i,n,l]of t.composers){s.rules.styled.cache.has(r)||(s.rules.styled.cache.add(r),N(i,[`.${r}`],[],e,e=>{a.styled.apply(e)}));let t=Z(n,x,e.media),o=Z(l,x,e.media,!0);for(let i of t)if(void 0!==i)for(let[t,n,l]of i){let i=`${r}-${$(n)}-${t}`;m.add(i);let o=(l?s.rules.resonevar:s.rules.onevar).cache,c=l?a.resonevar:a.onevar;o.has(i)||(o.add(i),N(n,[`.${i}`],[],e,e=>{c.apply(e)}))}for(let t of o)if(void 0!==t)for(let[i,n]of t){let t=`${r}-${$(n)}-${i}`;m.add(t),s.rules.allvar.cache.has(t)||(s.rules.allvar.cache.add(t),N(n,[`.${t}`],[],e,e=>{a.allvar.apply(e)}))}}if("object"==typeof h&&h){let t=`${r}-i${$(h)}-css`;m.add(t),s.rules.inline.cache.has(t)||(s.rules.inline.cache.add(t),N(h,[`.${t}`],[],e,e=>{a.inline.apply(e)}))}for(let e of String(d.className||"").trim().split(/\s+/))e&&m.add(e);let u=p.className=[...m].join(" ");return{type:t.type,className:u,selector:c,props:p,toString:()=>u,deferredInjector:o}};return p(d,{className:r,selector:c,[h]:t,toString:()=>(s.rules.styled.cache.has(r)||d(),r)})},F=e=>{let t="",s=[],r={},i=[];for(let[n,,,,l,o]of e)for(let e in""===t&&(t=n),s.push(n),i.push(...o),l){let t=l[e];(void 0===r[e]||"undefined"!==t||o.includes(t))&&(r[e]=t)}return[t,s,r,new Set(i)]},Z=(e,t,s,r)=>{let i=[];e:for(let[n,l,o]of e){if(o)continue;let e,a=0,c=!1;for(e in n){let r=n[e],i=t[e];if(i!==r){if("object"!=typeof i||!i)continue e;{let e,t,n=0;for(let l in i){if(r===String(i[l])){if("@initial"!==l){let e=l.slice(1);(t=t||[]).push(e in s?s[e]:l.replace(/^@media ?/,"")),c=!0}a+=n,e=!0}++n}if(t&&t.length&&(l={["@media "+t.join(", ")]:l}),!e)continue e}}}(i[a]=i[a]||[]).push([r?"cv":`${e}-${n[e]}`,l,c])}return i},V={},_=d(),H=(e,t)=>_(e,()=>(...s)=>{let r=()=>{for(let r of s){let s=$(r="object"==typeof r&&r||{});if(!t.rules.global.cache.has(s)){if(t.rules.global.cache.add(s),"@import"in r){let e=[].indexOf.call(t.sheet.cssRules,t.rules.themed.group)-1;for(let s of[].concat(r["@import"]))s=s.includes('"')||s.includes("'")?s:`"${s}"`,t.sheet.insertRule(`@import ${s};`,e++);delete r["@import"]}N(r,[],[],e,e=>{t.rules.global.apply(e)})}}return""};return p(r,{toString:r})}),U=d(),G=(e,t)=>U(e,()=>s=>{let r=`${S(e.prefix)}k-${$(s)}`,i=()=>{if(!t.rules.global.cache.has(r)){t.rules.global.cache.add(r);let i=[];N(s,[],[],e,e=>i.push(e));let n=`@keyframes ${r}{${i.join("")}}`;t.rules.global.apply(n)}return r};return p(i,{get name(){return i()},toString:i})}),q=class{constructor(e,t,s,r){this.token=null==e?"":String(e),this.value=null==t?"":String(t),this.scale=null==s?"":String(s),this.prefix=null==r?"":String(r)}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+S(this.prefix)+S(this.scale)+this.token}toString(){return this.computedValue}},J=d(),K=(e,t)=>J(e,()=>(s,r)=>{r="object"==typeof s&&s||Object(r);let i=`.${s=(s="string"==typeof s?s:"")||`${S(e.prefix)}t-${$(r)}`}`,n={},l=[];for(let t in r)for(let s in n[t]={},r[t]){let i=`--${S(e.prefix)}${t}-${s}`,o=w(String(r[t][s]),e.prefix,t);n[t][s]=new q(s,o,t,e.prefix),l.push(`${i}:${o}`)}let o=()=>{if(l.length&&!t.rules.themed.cache.has(s)){t.rules.themed.cache.add(s);let i=`${r===e.theme?":root,":""}.${s}{${l.join(";")}}`;t.rules.themed.apply(i)}return s};return{...n,get className(){return o()},selector:i,toString:o}}),X=d(),Q=d(),Y=e=>{let t=(e=>{let t=!1,s=X(e,e=>{t=!0;let s="prefix"in(e="object"==typeof e&&e||{})?String(e.prefix):"",r="object"==typeof e.media&&e.media||{},i="object"==typeof e.root?e.root||null:globalThis.document||null,n="object"==typeof e.theme&&e.theme||{},l={prefix:s,media:r,theme:n,themeMap:"object"==typeof e.themeMap&&e.themeMap||{...a},utils:"object"==typeof e.utils&&e.utils||{}},o=z(i),c={css:L(l,o),globalCss:H(l,o),keyframes:G(l,o),createTheme:K(l,o),reset(){o.reset(),c.theme.toString()},theme:{},sheet:o,config:l,prefix:s,getCssText:o.toString,toString:o.toString};return String(c.theme=c.createTheme(n)),c});return t||s.reset(),s})(e);return t.styled=(({config:e,sheet:t})=>Q(e,()=>{let s=L(e,t);return(...e)=>{let t=s(...e),r=t[h].type,n=i.forwardRef((e,s)=>{let n=e&&e.as||r,{props:l,deferredInjector:o}=t(e);return delete l.as,l.ref=s,o?i.createElement(i.Fragment,null,i.createElement(n,l),i.createElement(o,null)):i.createElement(n,l)});return n.className=t.className,n.displayName=`Styled.${r.displayName||r.name||r}`,n.selector=t.selector,n.toString=()=>t.selector,n[h]=t[h],n}}))(t),t},ee=()=>r||(r=Y()),et=(...e)=>ee().createTheme(...e)}},function(e){e.O(0,[585,546,965,580,542,888,774,179],function(){return e(e.s=3459)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/docs/seeAlso-5d897a41b1a1fe97.js b/_next/static/chunks/pages/docs/seeAlso-5d897a41b1a1fe97.js deleted file mode 100644 index aa1b7a6e..00000000 --- a/_next/static/chunks/pages/docs/seeAlso-5d897a41b1a1fe97.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[373],{3459:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/seeAlso",function(){return s(2137)}])},2137:function(e,t,s){"use strict";s.r(t),s.d(t,{__toc:function(){return h}});var r=s(2676),i=s(5384),n=s(826),l=s(7104);s(1952);var o=s(7532),a=s(1973),c=s(4384),d=s(3860);let h=[{depth:2,value:"Usage",id:"usage"},{depth:3,value:"React",id:"react"},{depth:2,value:"API Reference",id:"api-reference"},{depth:3,value:"Custom Element",id:"custom-element"}];function p(e){let t=Object.assign({h1:"h1",p:"p",pre:"pre",code:"code",span:"span",h2:"h2",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a",strong:"strong"},(0,o.a)(),e.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{children:"SeeAlso"}),"\n",(0,r.jsx)(t.p,{children:"The SeeAlso component is used to display a list of related resources. A machine-readable resource such as an XML or RDF description that is related to the current resource that has the seeAlso property. The resource may be of any media type, and contain any type of data."}),"\n",(0,r.jsx)(a.Z,{href:"https://iiif.io/api/presentation/3.0/#seealso",text:["seeAlso"]}),"\n",(0,r.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,r.jsx)(d.OK,{children:(0,r.jsx)(t.pre,{"data-language":"jsx","data-theme":"default",children:(0,r.jsxs)(t.code,{"data-language":"jsx","data-theme":"default",children:[(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"SeeAlso"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"seeAlso"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,r.jsx)(t.span,{className:"line",children:(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" id"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/works/71153379-4283-43be-8b0f-4e7e3bfda275"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" type"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Dataset"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" format"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"application/json"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Northwestern University Libraries Digital Collections API"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(t.span,{className:"line",children:(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,r.jsx)(t.span,{className:"line",children:(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(c.QZ,{seeAlso:[{id:"https://api.dc.library.northwestern.edu/api/v2/works/71153379-4283-43be-8b0f-4e7e3bfda275",type:"Dataset",format:"application/json",label:{none:["Northwestern University Libraries Digital Collections API"]}}]})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(t.pre,{"data-language":"html","data-theme":"default",children:(0,r.jsxs)(t.code,{"data-language":"html","data-theme":"default",children:[(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"ul"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"li"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/works/71153379-4283-43be-8b0f-4e7e3bfda275"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsx)(t.span,{className:"line",children:(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" Northwestern University Libraries Digital Collections API"})}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,r.jsx)(t.h2,{id:"usage",children:"Usage"}),"\n",(0,r.jsx)(t.h3,{id:"react",children:"React"}),"\n",(0,r.jsx)(t.pre,{"data-language":"jsx","data-theme":"default",children:(0,r.jsxs)(t.code,{"data-language":"jsx","data-theme":"default",children:[(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" { SeeAlso } "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/primitives"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,r.jsx)(t.span,{className:"line",children:" "}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"CustomSeeAlso"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ({ seeAlso }) "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"SeeAlso"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"seeAlso"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{seeAlso} />;"})]}),"\n",(0,r.jsx)(t.span,{className:"line",children:(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,r.jsx)(t.span,{className:"line",children:" "}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" CustomSeeAlso;"})]})]})}),"\n",(0,r.jsx)(t.h2,{id:"api-reference",children:"API Reference"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Prop"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Default"}),(0,r.jsx)(t.th,{children:"Required"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"as"})}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.code,{children:"ol"}),", ",(0,r.jsx)(t.code,{children:"ul"})]}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"ul"})}),(0,r.jsx)(t.td,{children:"--"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"seeAlso"})}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://iiif.io/api/presentation/3.0/#seeAlso",children:"seeAlso"})}),(0,r.jsx)(t.td,{children:"--"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.strong,{children:"Yes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"className"})}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.code,{children:"string"}),", ",(0,r.jsx)(t.code,{children:"undefined"})]}),(0,r.jsx)(t.td,{children:"--"}),(0,r.jsx)(t.td,{children:"--"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"style"})}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.code,{children:"CSSProperties"}),", ",(0,r.jsx)(t.code,{children:"undefined"})]}),(0,r.jsx)(t.td,{children:"--"}),(0,r.jsx)(t.td,{children:"--"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"lang"})}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.code,{children:"string"}),", ",(0,r.jsx)(t.code,{children:"undefined"})]}),(0,r.jsx)(t.td,{children:"--"}),(0,r.jsx)(t.td,{children:"--"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"title"})}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.code,{children:"string"}),", ",(0,r.jsx)(t.code,{children:"undefined"})]}),(0,r.jsx)(t.td,{children:"--"}),(0,r.jsx)(t.td,{children:"--"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"data-*"})}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.code,{children:"string"}),", ",(0,r.jsx)(t.code,{children:"undefined"})]}),(0,r.jsx)(t.td,{children:"--"}),(0,r.jsx)(t.td,{children:"--"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"aria-*"})}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.code,{children:"AriaAttributes"}),", ",(0,r.jsx)(t.code,{children:"undefined"})]}),(0,r.jsx)(t.td,{children:"--"}),(0,r.jsx)(t.td,{children:"--"})]})]})]}),"\n",(0,r.jsx)(t.h3,{id:"custom-element",children:"Custom Element"}),"\n",(0,r.jsxs)(t.p,{children:["The ",(0,r.jsx)(t.code,{children:"SeeAlso"})," component can be rendered as either ",(0,r.jsx)(t.code,{children:"ol"})," or ",(0,r.jsx)(t.code,{children:"ul"})," elements. The default is ",(0,r.jsx)(t.code,{children:"ul"}),"."]}),"\n",(0,r.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,r.jsx)(d.OK,{children:(0,r.jsx)(t.pre,{"data-language":"jsx","data-theme":"default",children:(0,r.jsxs)(t.code,{"data-language":"jsx","data-theme":"default",children:[(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"SeeAlso"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"seeAlso"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,r.jsx)(t.span,{className:"line",children:(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" id"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/works/71153379-4283-43be-8b0f-4e7e3bfda275"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" type"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Dataset"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" format"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"application/json"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" label"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Northwestern University Libraries Digital Collections API"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"]"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(t.span,{className:"line",children:(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"as"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"ol"'})]}),"\n",(0,r.jsx)(t.span,{className:"line",children:(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(c.QZ,{seeAlso:[{id:"https://api.dc.library.northwestern.edu/api/v2/works/71153379-4283-43be-8b0f-4e7e3bfda275",type:"Dataset",format:"application/json",label:{none:["Northwestern University Libraries Digital Collections API"]}}],as:"ol"})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(t.pre,{"data-language":"html","data-theme":"default",children:(0,r.jsxs)(t.code,{"data-language":"html","data-theme":"default",children:[(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"ol"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"li"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"a"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"href"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/works/71153379-4283-43be-8b0f-4e7e3bfda275"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsx)(t.span,{className:"line",children:(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" Northwestern University Libraries Digital Collections API"})}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]})]})}let x={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,o.a)(),e.components);return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(p,{...e})}):p(e)},pageOpts:{filePath:"pages/docs/seeAlso.mdx",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"},timestamp:173257264e4,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"SeeAlso",headings:h},pageNextRoute:"/docs/seeAlso",nextraLayout:n.ZP,themeConfig:l.Z};t.default=(0,i.j)(x)},1973:function(e,t,s){"use strict";var r=s(2676),i=s(5318),n=s.n(i);s(5271);var l=s(8158);let o=()=>{let e="#ed1d33",t="#2873ab";return(0,r.jsxs)("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1",style:{height:"1rem"},children:[(0,r.jsx)("title",{children:"IIIF Logo"}),(0,r.jsx)("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)",children:(0,r.jsxs)("g",{transform:"scale(0.1)",children:[(0,r.jsx)("path",{style:{fill:t},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),(0,r.jsx)("path",{style:{fill:t},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),(0,r.jsx)("path",{style:{fill:e},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),(0,r.jsx)("path",{style:{fill:e},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),(0,r.jsx)("path",{style:{fill:t},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),(0,r.jsx)("path",{style:{fill:t},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),(0,r.jsx)("path",{style:{fill:e},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"})]})})]})},a=(0,l.zo)(n(),{display:"inline-flex",flexDirection:"column",textDecoration:"none",alignItems:"center",padding:"0.5rem 0"}),c=(0,l.zo)("span",{display:"inline-flex",alignItems:"center",justifyContent:"center"});t.Z=e=>{let{children:t,href:s,text:i=["Presentation API"]}=e;return(0,r.jsx)(a,{href:s,target:"_blank",className:"nx-flex-col",children:(0,r.jsxs)(c,{className:"nx-gap-2 nx-h-7 nx-rounded-md nx-px-2 nx-text-left nx-text-sm nx-font-medium nx-text-gray-600 nx-transition-colors dark:nx-text-gray-400 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",children:[(0,r.jsx)(o,{})," ",i.join(" or ")," ↗"]})})}},8158:function(e,t,s){"use strict";s.d(t,{BC:function(){return i},F4:function(){return o},zo:function(){return n}});var r=s(1028);let i={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:n,css:l,keyframes:o,createTheme:a}=(0,r.Th)({theme:{colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"hsl(".concat(209," 100% 38.2%)"),accentMuted:"hsl(".concat(209," 80% 61.8%)"),accentAlt:"hsl(".concat(209," 80% 30%)"),secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},media:i})},7104:function(e,t,s){"use strict";s.d(t,{Z:function(){return m}});var r=s(2676),i=s(2936),n=s.n(i),l=s(5271);let o={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},a=["Scroll"];var c=e=>{let{title:t}=e;return a.includes(t)?(0,r.jsxs)("span",{children:[t,(0,r.jsx)("span",{style:o,children:"Beta"})]}):(0,r.jsx)("span",{children:t})},d=s(826),h=s(9205);let p="Clover IIIF",x="Showcase IIIF Manifests as interoperable web content.";var m={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),t=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(p):"".concat(p," – ").concat(x),s=e.frontMatter.description?e.frontMatter.description:x,{route:r}=(0,h.useRouter)(),i=(0,l.useMemo)(()=>new URL(r.endsWith("/")?r:"".concat(r,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[r]);return{defaultTitle:"".concat(p," - ").concat(x),title:t,description:s,canonical:i,openGraph:{url:i,title:t,siteName:"".concat(p," - ").concat(x),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,r.jsx)(()=>(0,r.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,r.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,r.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,r.jsx)(n(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,r.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){},1028:function(e,t,s){"use strict";s.d(t,{Th:function(){return Y},jG:function(){return et}});var r,i=s(5271),n="colors",l="sizes",o="space",a={gap:o,gridGap:o,columnGap:o,gridColumnGap:o,rowGap:o,gridRowGap:o,inset:o,insetBlock:o,insetBlockEnd:o,insetBlockStart:o,insetInline:o,insetInlineEnd:o,insetInlineStart:o,margin:o,marginTop:o,marginRight:o,marginBottom:o,marginLeft:o,marginBlock:o,marginBlockEnd:o,marginBlockStart:o,marginInline:o,marginInlineEnd:o,marginInlineStart:o,padding:o,paddingTop:o,paddingRight:o,paddingBottom:o,paddingLeft:o,paddingBlock:o,paddingBlockEnd:o,paddingBlockStart:o,paddingInline:o,paddingInlineEnd:o,paddingInlineStart:o,top:o,right:o,bottom:o,left:o,scrollMargin:o,scrollMarginTop:o,scrollMarginRight:o,scrollMarginBottom:o,scrollMarginLeft:o,scrollMarginX:o,scrollMarginY:o,scrollMarginBlock:o,scrollMarginBlockEnd:o,scrollMarginBlockStart:o,scrollMarginInline:o,scrollMarginInlineEnd:o,scrollMarginInlineStart:o,scrollPadding:o,scrollPaddingTop:o,scrollPaddingRight:o,scrollPaddingBottom:o,scrollPaddingLeft:o,scrollPaddingX:o,scrollPaddingY:o,scrollPaddingBlock:o,scrollPaddingBlockEnd:o,scrollPaddingBlockStart:o,scrollPaddingInline:o,scrollPaddingInlineEnd:o,scrollPaddingInlineStart:o,fontSize:"fontSizes",background:n,backgroundColor:n,backgroundImage:n,borderImage:n,border:n,borderBlock:n,borderBlockEnd:n,borderBlockStart:n,borderBottom:n,borderBottomColor:n,borderColor:n,borderInline:n,borderInlineEnd:n,borderInlineStart:n,borderLeft:n,borderLeftColor:n,borderRight:n,borderRightColor:n,borderTop:n,borderTopColor:n,caretColor:n,color:n,columnRuleColor:n,fill:n,outline:n,outlineColor:n,stroke:n,textDecorationColor:n,fontFamily:"fonts",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",blockSize:l,minBlockSize:l,maxBlockSize:l,inlineSize:l,minInlineSize:l,maxInlineSize:l,width:l,minWidth:l,maxWidth:l,height:l,minHeight:l,maxHeight:l,flexBasis:l,gridTemplateColumns:l,gridTemplateRows:l,borderWidth:"borderWidths",borderTopWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderLeftWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",transition:"transitions",zIndex:"zIndices"},c=(e,t)=>"function"==typeof t?{"()":Function.prototype.toString.call(t)}:t,d=()=>{let e=Object.create(null);return(t,s,...r)=>{let i=JSON.stringify(t,c);return i in e?e[i]:e[i]=s(t,...r)}},h=Symbol.for("sxs.internal"),p=(e,t)=>Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)),x=e=>{for(let t in e)return!0;return!1},{hasOwnProperty:m}=Object.prototype,u=e=>e.includes("-")?e:e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase()),k=/\s+(?![^()]*\))/,g=e=>t=>e(..."string"==typeof t?String(t).split(k):[t]),j={appearance:e=>({WebkitAppearance:e,appearance:e}),backfaceVisibility:e=>({WebkitBackfaceVisibility:e,backfaceVisibility:e}),backdropFilter:e=>({WebkitBackdropFilter:e,backdropFilter:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),boxDecorationBreak:e=>({WebkitBoxDecorationBreak:e,boxDecorationBreak:e}),clipPath:e=>({WebkitClipPath:e,clipPath:e}),content:e=>({content:e.includes('"')||e.includes("'")||/^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e)?e:`"${e}"`}),hyphens:e=>({WebkitHyphens:e,hyphens:e}),maskImage:e=>({WebkitMaskImage:e,maskImage:e}),maskSize:e=>({WebkitMaskSize:e,maskSize:e}),tabSize:e=>({MozTabSize:e,tabSize:e}),textSizeAdjust:e=>({WebkitTextSizeAdjust:e,textSizeAdjust:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),marginBlock:g((e,t)=>({marginBlockStart:e,marginBlockEnd:t||e})),marginInline:g((e,t)=>({marginInlineStart:e,marginInlineEnd:t||e})),maxSize:g((e,t)=>({maxBlockSize:e,maxInlineSize:t||e})),minSize:g((e,t)=>({minBlockSize:e,minInlineSize:t||e})),paddingBlock:g((e,t)=>({paddingBlockStart:e,paddingBlockEnd:t||e})),paddingInline:g((e,t)=>({paddingInlineStart:e,paddingInlineEnd:t||e}))},f=/([\d.]+)([^]*)/,y=(e,t)=>e.length?e.reduce((e,s)=>(e.push(...t.map(e=>e.includes("&")?e.replace(/&/g,/[ +>|~]/.test(s)&&/&.*&/.test(e)?`:is(${s})`:s):s+" "+e)),e),[]):t,b=(e,t)=>e in v&&"string"==typeof t?t.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/,(t,s,r,i)=>s+("stretch"===r?`-moz-available${i};${u(e)}:${s}-webkit-fill-available`:`-moz-fit-content${i};${u(e)}:${s}fit-content`)+i):String(t),v={blockSize:1,height:1,inlineSize:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,width:1},S=e=>e?e+"-":"",w=(e,t,s)=>e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g,(e,r,i,n,l)=>"$"==n==!!i?e:(r||"--"==n?"calc(":"")+"var(--"+("$"===n?S(t)+(l.includes("$")?"":S(s))+l.replace(/\$/g,"-"):l)+")"+(r||"--"==n?"*"+(r||"")+(i||"1")+")":"")),I=/\s*,\s*(?![^()]*\))/,M=Object.prototype.toString,N=(e,t,s,r,i)=>{let n,l,o;let a=(e,t,s)=>{let c,d;let h=e=>{var p;for(c in e){let x=64===c.charCodeAt(0);for(d of x&&Array.isArray(e[c])?e[c]:[e[c]]){let e=/[A-Z]/.test(p=c)?p:p.replace(/-[^]/g,e=>e[1].toUpperCase()),m="object"==typeof d&&d&&d.toString===M&&(!r.utils[e]||!t.length);if(e in r.utils&&!m){let t=r.utils[e];if(t!==l){l=t,h(t(d)),l=null;continue}}else if(e in j){let t=j[e];if(t!==o){o=t,h(t(d)),o=null;continue}}if(x&&(c=(c.slice(1) in r.media?"@media "+r.media[c.slice(1)]:c).replace(/\(\s*([\w-]+)\s*(=|<|<=|>|>=)\s*([\w-]+)\s*(?:(<|<=|>|>=)\s*([\w-]+)\s*)?\)/g,(e,t,s,r,i,n)=>{let l=f.test(t),o=.0625*(l?-1:1),[a,c]=l?[r,t]:[t,r];return"("+("="===s[0]?"":">"===s[0]===l?"max-":"min-")+a+":"+("="!==s[0]&&1===s.length?c.replace(f,(e,t,r)=>Number(t)+o*(">"===s?1:-1)+r):c)+(i?") and ("+(">"===i[0]?"min-":"max-")+a+":"+(1===i.length?n.replace(f,(e,t,s)=>Number(t)+o*(">"===i?-1:1)+s):n):"")+")"})),m){let e=x?s.concat(c):[...s],r=x?[...t]:y(t,c.split(I));void 0!==n&&i(B(...n)),n=void 0,a(d,r,e)}else void 0===n&&(n=[[],t,s]),c=x||36!==c.charCodeAt(0)?c:`--${S(r.prefix)}${c.slice(1).replace(/\$/g,"-")}`,d=m?d:"number"==typeof d?d&&e in P?String(d)+"px":String(d):w(b(e,null==d?"":d),r.prefix,r.themeMap[e]),n[0].push(`${x?`${c} `:`${u(c)}:`}${d}`)}}};h(e),void 0!==n&&i(B(...n)),n=void 0};a(e,t,s)},B=(e,t,s)=>`${s.map(e=>`${e}{`).join("")}${t.length?`${t.join(",")}{`:""}${e.join(";")}${t.length?"}":""}${Array(s.length?s.length+1:0).join("}")}`,P={animationDelay:1,animationDuration:1,backgroundSize:1,blockSize:1,border:1,borderBlock:1,borderBlockEnd:1,borderBlockEndWidth:1,borderBlockStart:1,borderBlockStartWidth:1,borderBlockWidth:1,borderBottom:1,borderBottomLeftRadius:1,borderBottomRightRadius:1,borderBottomWidth:1,borderEndEndRadius:1,borderEndStartRadius:1,borderInlineEnd:1,borderInlineEndWidth:1,borderInlineStart:1,borderInlineStartWidth:1,borderInlineWidth:1,borderLeft:1,borderLeftWidth:1,borderRadius:1,borderRight:1,borderRightWidth:1,borderSpacing:1,borderStartEndRadius:1,borderStartStartRadius:1,borderTop:1,borderTopLeftRadius:1,borderTopRightRadius:1,borderTopWidth:1,borderWidth:1,bottom:1,columnGap:1,columnRule:1,columnRuleWidth:1,columnWidth:1,containIntrinsicSize:1,flexBasis:1,fontSize:1,gap:1,gridAutoColumns:1,gridAutoRows:1,gridTemplateColumns:1,gridTemplateRows:1,height:1,inlineSize:1,inset:1,insetBlock:1,insetBlockEnd:1,insetBlockStart:1,insetInline:1,insetInlineEnd:1,insetInlineStart:1,left:1,letterSpacing:1,margin:1,marginBlock:1,marginBlockEnd:1,marginBlockStart:1,marginBottom:1,marginInline:1,marginInlineEnd:1,marginInlineStart:1,marginLeft:1,marginRight:1,marginTop:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,offsetDistance:1,offsetRotate:1,outline:1,outlineOffset:1,outlineWidth:1,overflowClipMargin:1,padding:1,paddingBlock:1,paddingBlockEnd:1,paddingBlockStart:1,paddingBottom:1,paddingInline:1,paddingInlineEnd:1,paddingInlineStart:1,paddingLeft:1,paddingRight:1,paddingTop:1,perspective:1,right:1,rowGap:1,scrollMargin:1,scrollMarginBlock:1,scrollMarginBlockEnd:1,scrollMarginBlockStart:1,scrollMarginBottom:1,scrollMarginInline:1,scrollMarginInlineEnd:1,scrollMarginInlineStart:1,scrollMarginLeft:1,scrollMarginRight:1,scrollMarginTop:1,scrollPadding:1,scrollPaddingBlock:1,scrollPaddingBlockEnd:1,scrollPaddingBlockStart:1,scrollPaddingBottom:1,scrollPaddingInline:1,scrollPaddingInlineEnd:1,scrollPaddingInlineStart:1,scrollPaddingLeft:1,scrollPaddingRight:1,scrollPaddingTop:1,shapeMargin:1,textDecoration:1,textDecorationThickness:1,textIndent:1,textUnderlineOffset:1,top:1,transitionDelay:1,transitionDuration:1,verticalAlign:1,width:1,wordSpacing:1},R=e=>String.fromCharCode(e+(e>25?39:97)),$=e=>(e=>{let t,s="";for(t=Math.abs(e);t>52;t=t/52|0)s=R(t%52)+s;return R(t%52)+s})(((e,t)=>{let s=t.length;for(;s;)e=33*e^t.charCodeAt(--s);return e})(5381,JSON.stringify(e))>>>0),C=["themed","global","styled","onevar","resonevar","allvar","inline"],A=e=>{if(e.href&&!e.href.startsWith(location.origin))return!1;try{return!!e.cssRules}catch(e){return!1}},z=e=>{let t;let s=()=>{let{cssRules:e}=t.sheet;return[].map.call(e,(s,r)=>{let{cssText:i}=s,n="";if(i.startsWith("--sxs"))return"";if(e[r-1]&&(n=e[r-1].cssText).startsWith("--sxs")){if(!s.cssRules.length)return"";for(let e in t.rules)if(t.rules[e].group===s)return`--sxs{--sxs:${[...t.rules[e].cache].join(" ")}}${i}`;return s.cssRules.length?`${n}${i}`:""}return i}).join("")},r=()=>{if(t){let{rules:e,sheet:s}=t;if(!s.deleteRule){for(;3===Object(Object(s.cssRules)[0]).type;)s.cssRules.splice(0,1);s.cssRules=[]}for(let t in e)delete e[t]}for(let i of Object(e).styleSheets||[])if(A(i)){for(let e=0,n=i.cssRules;n[e];++e){let l=Object(n[e]);if(1!==l.type)continue;let o=Object(n[e+1]);if(4!==o.type)continue;++e;let{cssText:a}=l;if(!a.startsWith("--sxs"))continue;let c=a.slice(14,-3).trim().split(/\s+/),d=C[c[0]];d&&(t||(t={sheet:i,reset:r,rules:{},toString:s}),t.rules[d]={group:o,index:e,cache:new Set(c)})}if(t)break}if(!t){let i=(e,t)=>({type:t,cssRules:[],insertRule(e,t){this.cssRules.splice(t,0,i(e,{import:3,undefined:1}[(e.toLowerCase().match(/^@([a-z]+)/)||[])[1]]||4))},get cssText(){return"@media{}"===e?`@media{${[].map.call(this.cssRules,e=>e.cssText).join("")}}`:e}});t={sheet:e?(e.head||e).appendChild(document.createElement("style")).sheet:i("","text/css"),rules:{},reset:r,toString:s}}let{sheet:i,rules:n}=t;for(let e=C.length-1;e>=0;--e){let t=C[e];if(!n[t]){let s=C[e+1],r=n[s]?n[s].index:i.cssRules.length;i.insertRule("@media{}",r),i.insertRule(`--sxs{--sxs:${e}}`,r),n[t]={group:i.cssRules[r+1],index:r,cache:new Set([e])}}T(n[t])}};return r(),t},T=e=>{let t=e.group,s=t.cssRules.length;e.apply=e=>{try{t.insertRule(e,s),++s}catch(e){}}},E=Symbol(),W=d(),L=(e,t)=>W(e,()=>(...s)=>{let r={type:null,composers:new Set};for(let t of s)if(null!=t){if(t[h])for(let e of(null==r.type&&(r.type=t[h].type),t[h].composers))r.composers.add(e);else t.constructor!==Object||t.$$typeof?null==r.type&&(r.type=t):r.composers.add(O(t,e))}return null==r.type&&(r.type="span"),r.composers.size||r.composers.add(["PJLV",{},[],[],{},[]]),D(e,r,t)}),O=({variants:e,compoundVariants:t,defaultVariants:s,...r},i)=>{let n=`${S(i.prefix)}c-${$(r)}`,l=[],o=[],a=Object.create(null),c=[];for(let e in s)a[e]=String(s[e]);if("object"==typeof e&&e)for(let t in e){m.call(a,t)||(a[t]="undefined");let s=e[t];for(let e in s){let r={[t]:String(e)};"undefined"===String(e)&&c.push(t);let i=s[e],n=[r,i,!x(i)];l.push(n)}}if("object"==typeof t&&t)for(let e of t){let{css:t,...s}=e;for(let e in t="object"==typeof t&&t||{},s)s[e]=String(s[e]);let r=[s,t,!x(t)];o.push(r)}return[n,r,l,o,a,c]},D=(e,t,s)=>{let[r,i,n,l]=F(t.composers),o="function"==typeof t.type||t.type.$$typeof?(e=>{function t(){for(let s=0;st.rules[e]={apply:s=>t[E].push([e,s])}),t})(s):null,a=(o||s).rules,c=`.${r}${i.length>1?`:where(.${i.slice(1).join(".")})`:""}`,d=d=>{let{css:h,...p}=d="object"==typeof d&&d||V,x={};for(let e in n)if(delete p[e],e in d){let t=d[e];"object"==typeof t&&t?x[e]={"@initial":n[e],...t}:(t=String(t),x[e]="undefined"!==t||l.has(e)?t:n[e])}else x[e]=n[e];let m=new Set([...i]);for(let[r,i,n,l]of t.composers){s.rules.styled.cache.has(r)||(s.rules.styled.cache.add(r),N(i,[`.${r}`],[],e,e=>{a.styled.apply(e)}));let t=Z(n,x,e.media),o=Z(l,x,e.media,!0);for(let i of t)if(void 0!==i)for(let[t,n,l]of i){let i=`${r}-${$(n)}-${t}`;m.add(i);let o=(l?s.rules.resonevar:s.rules.onevar).cache,c=l?a.resonevar:a.onevar;o.has(i)||(o.add(i),N(n,[`.${i}`],[],e,e=>{c.apply(e)}))}for(let t of o)if(void 0!==t)for(let[i,n]of t){let t=`${r}-${$(n)}-${i}`;m.add(t),s.rules.allvar.cache.has(t)||(s.rules.allvar.cache.add(t),N(n,[`.${t}`],[],e,e=>{a.allvar.apply(e)}))}}if("object"==typeof h&&h){let t=`${r}-i${$(h)}-css`;m.add(t),s.rules.inline.cache.has(t)||(s.rules.inline.cache.add(t),N(h,[`.${t}`],[],e,e=>{a.inline.apply(e)}))}for(let e of String(d.className||"").trim().split(/\s+/))e&&m.add(e);let u=p.className=[...m].join(" ");return{type:t.type,className:u,selector:c,props:p,toString:()=>u,deferredInjector:o}};return p(d,{className:r,selector:c,[h]:t,toString:()=>(s.rules.styled.cache.has(r)||d(),r)})},F=e=>{let t="",s=[],r={},i=[];for(let[n,,,,l,o]of e)for(let e in""===t&&(t=n),s.push(n),i.push(...o),l){let t=l[e];(void 0===r[e]||"undefined"!==t||o.includes(t))&&(r[e]=t)}return[t,s,r,new Set(i)]},Z=(e,t,s,r)=>{let i=[];e:for(let[n,l,o]of e){if(o)continue;let e,a=0,c=!1;for(e in n){let r=n[e],i=t[e];if(i!==r){if("object"!=typeof i||!i)continue e;{let e,t,n=0;for(let l in i){if(r===String(i[l])){if("@initial"!==l){let e=l.slice(1);(t=t||[]).push(e in s?s[e]:l.replace(/^@media ?/,"")),c=!0}a+=n,e=!0}++n}if(t&&t.length&&(l={["@media "+t.join(", ")]:l}),!e)continue e}}}(i[a]=i[a]||[]).push([r?"cv":`${e}-${n[e]}`,l,c])}return i},V={},_=d(),H=(e,t)=>_(e,()=>(...s)=>{let r=()=>{for(let r of s){let s=$(r="object"==typeof r&&r||{});if(!t.rules.global.cache.has(s)){if(t.rules.global.cache.add(s),"@import"in r){let e=[].indexOf.call(t.sheet.cssRules,t.rules.themed.group)-1;for(let s of[].concat(r["@import"]))s=s.includes('"')||s.includes("'")?s:`"${s}"`,t.sheet.insertRule(`@import ${s};`,e++);delete r["@import"]}N(r,[],[],e,e=>{t.rules.global.apply(e)})}}return""};return p(r,{toString:r})}),U=d(),G=(e,t)=>U(e,()=>s=>{let r=`${S(e.prefix)}k-${$(s)}`,i=()=>{if(!t.rules.global.cache.has(r)){t.rules.global.cache.add(r);let i=[];N(s,[],[],e,e=>i.push(e));let n=`@keyframes ${r}{${i.join("")}}`;t.rules.global.apply(n)}return r};return p(i,{get name(){return i()},toString:i})}),q=class{constructor(e,t,s,r){this.token=null==e?"":String(e),this.value=null==t?"":String(t),this.scale=null==s?"":String(s),this.prefix=null==r?"":String(r)}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+S(this.prefix)+S(this.scale)+this.token}toString(){return this.computedValue}},J=d(),K=(e,t)=>J(e,()=>(s,r)=>{r="object"==typeof s&&s||Object(r);let i=`.${s=(s="string"==typeof s?s:"")||`${S(e.prefix)}t-${$(r)}`}`,n={},l=[];for(let t in r)for(let s in n[t]={},r[t]){let i=`--${S(e.prefix)}${t}-${s}`,o=w(String(r[t][s]),e.prefix,t);n[t][s]=new q(s,o,t,e.prefix),l.push(`${i}:${o}`)}let o=()=>{if(l.length&&!t.rules.themed.cache.has(s)){t.rules.themed.cache.add(s);let i=`${r===e.theme?":root,":""}.${s}{${l.join(";")}}`;t.rules.themed.apply(i)}return s};return{...n,get className(){return o()},selector:i,toString:o}}),X=d(),Q=d(),Y=e=>{let t=(e=>{let t=!1,s=X(e,e=>{t=!0;let s="prefix"in(e="object"==typeof e&&e||{})?String(e.prefix):"",r="object"==typeof e.media&&e.media||{},i="object"==typeof e.root?e.root||null:globalThis.document||null,n="object"==typeof e.theme&&e.theme||{},l={prefix:s,media:r,theme:n,themeMap:"object"==typeof e.themeMap&&e.themeMap||{...a},utils:"object"==typeof e.utils&&e.utils||{}},o=z(i),c={css:L(l,o),globalCss:H(l,o),keyframes:G(l,o),createTheme:K(l,o),reset(){o.reset(),c.theme.toString()},theme:{},sheet:o,config:l,prefix:s,getCssText:o.toString,toString:o.toString};return String(c.theme=c.createTheme(n)),c});return t||s.reset(),s})(e);return t.styled=(({config:e,sheet:t})=>Q(e,()=>{let s=L(e,t);return(...e)=>{let t=s(...e),r=t[h].type,n=i.forwardRef((e,s)=>{let n=e&&e.as||r,{props:l,deferredInjector:o}=t(e);return delete l.as,l.ref=s,o?i.createElement(i.Fragment,null,i.createElement(n,l),i.createElement(o,null)):i.createElement(n,l)});return n.className=t.className,n.displayName=`Styled.${r.displayName||r.name||r}`,n.selector=t.selector,n.toString=()=>t.selector,n[h]=t[h],n}}))(t),t},ee=()=>r||(r=Y()),et=(...e)=>ee().createTheme(...e)}},function(e){e.O(0,[585,546,965,580,542,888,774,179],function(){return e(e.s=3459)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/docs/slider-d4b73ea50a70f71c.js b/_next/static/chunks/pages/docs/slider-304456513935c562.js similarity index 75% rename from _next/static/chunks/pages/docs/slider-d4b73ea50a70f71c.js rename to _next/static/chunks/pages/docs/slider-304456513935c562.js index 13e6769a..b2ac9a89 100644 --- a/_next/static/chunks/pages/docs/slider-d4b73ea50a70f71c.js +++ b/_next/static/chunks/pages/docs/slider-304456513935c562.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[584],{4682:function(e,s,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/slider",function(){return n(8457)}])},8457:function(e,s,n){"use strict";n.r(s),n.d(s,{__toc:function(){return h}});var i=n(2676),r=n(5384),l=n(826),t=n(7104);n(1952);var o=n(7532),a=n(6931),c=n(1973),d=n(3860);n(1445),n(8652),n(6248);let h=[{depth:2,value:"Features",id:"features"},{depth:2,value:"Installation",id:"installation"},{depth:2,value:"Usage",id:"usage"},{depth:3,value:"React",id:"react"},{depth:2,value:"API Reference",id:"api-reference"},{depth:3,value:"Custom Breakpoints",id:"custom-breakpoints"},{depth:3,value:"Custom Interactions",id:"custom-interactions"},{depth:2,value:"Collection Anatomy",id:"collection-anatomy"},{depth:3,value:"Header",id:"header"},{depth:4,value:"Text",id:"text"},{depth:4,value:"Link",id:"link"},{depth:3,value:"Items",id:"items"},{depth:4,value:"Text",id:"text-1"},{depth:4,value:"Image",id:"image"},{depth:4,value:"Link",id:"link-1"}];function p(e){let s=Object.assign({h1:"h1",p:"p",a:"a",hr:"hr",h2:"h2",ul:"ul",li:"li",code:"code",strong:"strong",pre:"pre",span:"span",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",em:"em",h4:"h4"},(0,o.a)(),e.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.h1,{children:"Slider"}),"\n",(0,i.jsxs)(s.p,{children:["A UI component that renders an item carousel for the contents of a IIIF Collection using ",(0,i.jsx)(s.a,{href:"https://swiperjs.com/",children:"swiper.js"}),"."]}),"\n",(0,i.jsx)(c.Z,{href:"https://iiif.io/api/presentation/3.0/#21-defined-types",text:["Collection"]}),"\n",(0,i.jsx)(s.hr,{}),"\n",(0,i.jsx)(a.Z,{iiifContent:"https://api.dc.library.northwestern.edu/api/v2/collections/c373ecd2-2c45-45f2-9f9e-52dc244870bd?as=iiif"}),"\n",(0,i.jsx)(s.h2,{id:"features",children:"Features"}),"\n",(0,i.jsxs)(s.p,{children:["Provide a ",(0,i.jsx)(s.a,{href:"https://iiif.io/api/presentation/3.0/",children:"IIIF Presentation API"})," Collection and the component:"]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"Renders a carousel style components"}),"\n",(0,i.jsxs)(s.li,{children:["Renders ",(0,i.jsx)(s.code,{children:"label"}),", ",(0,i.jsx)(s.code,{children:"summary"})," for the referenced Collection"]}),"\n",(0,i.jsxs)(s.li,{children:["Transcribes ",(0,i.jsx)(s.code,{children:"homepage"})," as a ",(0,i.jsx)(s.strong,{children:"View All"})," button referenced Collection"]}),"\n",(0,i.jsx)(s.li,{children:'Renders items as a "slide" for each Manifest or Collection item'}),"\n",(0,i.jsxs)(s.li,{children:["Renders ",(0,i.jsx)(s.code,{children:"label"}),", ",(0,i.jsx)(s.code,{children:"summary"}),' for each item "slide"']}),"\n",(0,i.jsxs)(s.li,{children:["Transcribes ",(0,i.jsx)(s.code,{children:"homepage"})," as an ",(0,i.jsx)(s.code,{children:""}),' wrapping each item "slide"']}),"\n",(0,i.jsx)(s.li,{children:"Supports custom breakpoints to display customized slide counts"}),"\n",(0,i.jsxs)(s.li,{children:["Supports callback ",(0,i.jsx)(s.code,{children:"onItemInteraction"}),' to override default "slide" behavior']}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"installation",children:"Installation"}),"\n",(0,i.jsxs)(d.mQ,{items:["npm","yarn","pnpm"],children:[(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"shell","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"shell","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"npm"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"install"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@samvera/clover-iiif"})]})})})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"shell","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"shell","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"yarn"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@samvera/clover-iiif"})]})})})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"shell","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"shell","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"pnpm"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"install"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@samvera/clover-iiif"})]})})})})]}),"\n",(0,i.jsx)(s.h2,{id:"usage",children:"Usage"}),"\n",(0,i.jsx)(s.h3,{id:"react",children:"React"}),"\n",(0,i.jsxs)(s.p,{children:["Add the ",(0,i.jsx)(s.code,{children:"Slider"})," component to your ",(0,i.jsx)(s.code,{children:"jsx"})," or ",(0,i.jsx)(s.code,{children:"tsx"})," code. Slider does require you to load ",(0,i.jsx)(s.a,{href:"https://swiperjs.com/",children:"swiper.js"})," styling to the side. These stylesheets are not compiled with the @samvera/clover-iiif package, however are bundled as a dependency when installing Clover IIIF."]}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Slider "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/slider"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"swiper/css"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"swiper/css/navigation"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"swiper/css/pagination"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]})]})}),"\n",(0,i.jsxs)(s.p,{children:["Render the slider with IIIF Collection URI. The only required prop is the ",(0,i.jsx)(s.code,{children:"iiifContent"}),", which is the URI of the IIIF Collection."]}),"\n",(0,i.jsxs)(d.mQ,{items:["Code","Preview"],children:[(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Slider"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"iiifContent"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/collections/c373ecd2-2c45-45f2-9f9e-52dc244870bd?as=iiif"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]})})})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(a.Z,{iiifContent:"https://api.dc.library.northwestern.edu/api/v2/collections/c373ecd2-2c45-45f2-9f9e-52dc244870bd?as=iiif"})})]}),"\n",(0,i.jsx)(s.h2,{id:"api-reference",children:"API Reference"}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.code,{children:"Viewer"})," can configured through an ",(0,i.jsx)(s.code,{children:"options"})," prop, which will serve as a object for common options."]}),"\n",(0,i.jsxs)(s.table,{children:[(0,i.jsx)(s.thead,{children:(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.th,{children:"Prop"}),(0,i.jsx)(s.th,{children:"Type"}),(0,i.jsx)(s.th,{children:"Required"}),(0,i.jsx)(s.th,{children:"Default"})]})}),(0,i.jsxs)(s.tbody,{children:[(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"iiifContent"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"string"})}),(0,i.jsx)(s.td,{children:"Yes"}),(0,i.jsx)(s.td,{})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsxs)(s.td,{children:[(0,i.jsx)(s.code,{children:"collectionId"})," ",(0,i.jsx)(s.em,{children:"(deprecated)"})]}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"string"})}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"onItemInteraction"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"function"})}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options.breakpoints"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:'SwiperProps["breakpoints"]'})}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options.credentials"})}),(0,i.jsxs)(s.td,{children:[(0,i.jsx)(s.code,{children:"omit"}),", ",(0,i.jsx)(s.code,{children:"same-origin"}),", ",(0,i.jsx)(s.code,{children:"include"})]}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"omit"})})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options.customViewAll"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"string"})}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{})]})]})]}),"\n",(0,i.jsx)(s.h3,{id:"custom-breakpoints",children:"Custom Breakpoints"}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.code,{children:"Slider"})," uses default values per ",(0,i.jsxs)("a",{href:"https://swiperjs.com/swiper-api#param-breakpoints",target:"_blank",children:["Swiper's ",(0,i.jsx)(s.code,{children:"breakpoints"})," API "]}),". You may customize your own by passing in a ",(0,i.jsx)(s.code,{children:"breakpoints"})," object, ie:"]}),"\n",(0,i.jsx)(s.pre,{"data-language":"tsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"tsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"MyCustomSlider"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"iiifContent"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/collections/c373ecd2-2c45-45f2-9f9e-52dc244870bd?as=iiif"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"customBreakpoints"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"320"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" slidesPerView"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"2"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" spaceBetween"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"20"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"480"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" slidesPerView"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"3"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" spaceBetween"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"30"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"640"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" slidesPerView"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"4"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" spaceBetween"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"40"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" };"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Slider"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"iiifContent"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{iiifContent}"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"options"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" breakpoints"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" customBreakpoints"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" );"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})})]})}),"\n",(0,i.jsx)(s.h3,{id:"custom-interactions",children:"Custom Interactions"}),"\n",(0,i.jsxs)(s.p,{children:["The default behavior for a click (or press) event on each of the individual items is to route to the ",(0,i.jsx)(s.code,{children:"href"})," value set by the IIIF Presentation 3.0 API ",(0,i.jsx)(s.code,{children:"homepage[0].id"})," for each ",(0,i.jsx)(s.code,{children:"item"})," entry."]}),"\n",(0,i.jsxs)(s.p,{children:["You can optionally set an event handler for the ",(0,i.jsx)(s.code,{children:"onItemInteraction"})," value as a callback for a custom action. The full ",(0,i.jsx)(s.code,{children:"item"})," object will be passed back to the consuming application."]}),"\n",(0,i.jsx)(s.pre,{"data-language":"tsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"tsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"MyCustomSlider"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"iiifContent"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/collections/c373ecd2-2c45-45f2-9f9e-52dc244870bd?as=iiif"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"handleItemInteraction"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" (item"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"Manifest"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"|"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"Collection"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:") "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-comment)"},children:"// do something with `item`"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"console"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".log"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"(item);"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" };"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Slider"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"iiifContent"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{iiifContent}"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"onItemInteraction"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{handleItemInteraction}"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" );"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})})]})}),"\n",(0,i.jsxs)(s.p,{children:["The returned value of ",(0,i.jsx)(s.code,{children:"item"})," provides the entire object for your custom interaction."]}),"\n",(0,i.jsx)(s.pre,{"data-language":"json","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"json","data-theme":"default",children:[(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/works/2de0355c-8e48-4478-93af-8cbd1437bd16?as=iiif"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"type"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Manifest"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"homepage"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://dc.library.northwestern.edu/items/2de0355c-8e48-4478-93af-8cbd1437bd16"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"type"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Text"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"format"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"text/html"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"label"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"none"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Pulcinella \\"tiepolano\\""'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"label"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"none"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Pulcinella \\"tiepolano\\""'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"summary"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"none"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"thumbnail"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/works/2de0355c-8e48-4478-93af-8cbd1437bd16/thumbnail"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"format"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"image/jpeg"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"type"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"width"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"400"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"height"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"400"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"}"})})]})}),"\n",(0,i.jsx)(s.h2,{id:"collection-anatomy",children:"Collection Anatomy"}),"\n",(0,i.jsx)(s.p,{children:"Bloom accepts both Presentation API 2.x and Presentation API 3.0 Collections."}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.a,{href:"https://github.com/samvera-labs/bloom-iiif/blob/main/public/fixtures/iiif/collection/masks-of-antonio-fava.json",children:"See Example Collection"})}),"\n",(0,i.jsx)(s.h3,{id:"header",children:"Header"}),"\n",(0,i.jsx)(s.h4,{id:"text",children:"Text"}),"\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsxs)(s.a,{href:"https://github.com/samvera-labs/bloom-iiif/blob/main/public/fixtures/iiif/collection/masks-of-antonio-fava.json#L5-L12",children:["top-level Collection ",(0,i.jsx)(s.strong,{children:"label"})," and ",(0,i.jsx)(s.strong,{children:"summary"})]})," (if existing) data is mapped to a Header sub-component"]}),"\n",(0,i.jsx)(s.pre,{"data-language":"json","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"json","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"label"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:": {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"none"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Commedia dell\'Arte: The Masks of Antonio Fava"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"}"})})]})}),"\n",(0,i.jsx)(s.pre,{"data-language":"json","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"json","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"summary"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:": {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"none"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"\"The Commedia dell'Arte, the famous improvisational theatre style born in Renaissance Italy, remains a major influence in today's theatre. Antonio Fava is an actor, comedian, author, director, musician, mask maker and Internationally renowned Maestro of Commedia dell'Arte.\""})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"}"})})]})}),"\n",(0,i.jsx)(s.h4,{id:"link",children:"Link"}),"\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsxs)(s.a,{href:"https://github.com/samvera-labs/bloom-iiif/blob/main/public/fixtures/iiif/collection/masks-of-antonio-fava.json#L13-L20",children:["top-level Collection ",(0,i.jsx)(s.strong,{children:"homepage"})]})," represents the ",(0,i.jsx)(s.code,{children:"href"})," attribute wrapping an HTML ",(0,i.jsx)(s.code,{children:""})," element on the Header ",(0,i.jsx)(s.strong,{children:"label"})]}),"\n",(0,i.jsx)(s.pre,{"data-language":"json","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"json","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"homepage"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:": ["})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://dc.library.northwestern.edu/collections/c373ecd2-2c45-45f2-9f9e-52dc244870bd"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"type"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Text"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"label"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"none"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Commedia dell\'Arte: The Masks of Antonio Fava"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"format"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"text/html"'})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"})})]})}),"\n",(0,i.jsx)(s.h3,{id:"items",children:"Items"}),"\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsxs)(s.a,{href:"https://github.com/samvera-labs/bloom-iiif/blob/main/public/fixtures/iiif/collection/masks-of-antonio-fava.json#L21-L292",children:[(0,i.jsx)(s.strong,{children:"items"})," array"]})," is mapped to the slider/carousel with each item rendering as an HTML ",(0,i.jsx)(s.code,{children:"
"})]}),"\n",(0,i.jsx)(s.pre,{"data-language":"json","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"json","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"items"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:": ["})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://iiif.stack.rdc.library.northwestern.edu/public/72/98/fd/ce/-a/dc/1-/45/01/-9/e1/4-/9e/8b/d9/85/e1/49-manifest.json"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"type"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Manifest"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"label"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"none"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Pantalone classico"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"summary"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"none"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"thumbnail"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://iiif.stack.rdc.library.northwestern.edu/iiif/2/180682c9-dfaf-4881-b7b6-1f2f21092d4f/full/200,/0/default.jpg"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"type"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"format"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"image/jpeg"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"service"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://iiif.stack.rdc.library.northwestern.edu/iiif/2/180682c9-dfaf-4881-b7b6-1f2f21092d4f"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"profile"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"http://iiif.io/api/image/2/level2.json"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"type"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"ImageService2"'})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"width"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"200"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"height"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"200"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"homepage"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://dc.library.northwestern.edu/items/7298fdce-adc1-4501-9e14-9e8bd985e149"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"type"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Text"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"label"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"none"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Pantalone classico"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"format"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"text/html"'})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"})})]})}),"\n",(0,i.jsx)(s.h4,{id:"text-1",children:"Text"}),"\n",(0,i.jsxs)(s.p,{children:["For each item, the ",(0,i.jsxs)(s.a,{href:"https://github.com/samvera-labs/bloom-iiif/blob/main/public/fixtures/iiif/collection/masks-of-antonio-fava.json#L25-L26",children:[(0,i.jsx)(s.strong,{children:"label"})," and ",(0,i.jsx)(s.strong,{children:"summary"})]})," (if existing) data are mapped to a ",(0,i.jsx)(s.code,{children:"
"})]}),"\n",(0,i.jsx)(s.pre,{"data-language":"json","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"json","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"label"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:": { "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"none"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Pantalone classico"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"})]})})}),"\n",(0,i.jsx)(s.pre,{"data-language":"json","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"json","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"summary"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:": { "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"none"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"})]})})}),"\n",(0,i.jsx)(s.h4,{id:"image",children:"Image"}),"\n",(0,i.jsxs)(s.p,{children:["For each item, the ",(0,i.jsx)(s.a,{href:"https://github.com/samvera-labs/bloom-iiif/blob/main/public/fixtures/iiif/collection/masks-of-antonio-fava.json#L27-L42",children:(0,i.jsx)(s.strong,{children:"thumbnail"})})," is rendered as an ",(0,i.jsx)(s.code,{children:""})," element within the ",(0,i.jsx)(s.code,{children:"
"})]}),"\n",(0,i.jsx)(s.pre,{"data-language":"json","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"json","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"thumbnail"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:": ["})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://iiif.stack.rdc.library.northwestern.edu/iiif/2/180682c9-dfaf-4881-b7b6-1f2f21092d4f/full/200,/0/default.jpg"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"type"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"format"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"image/jpeg"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"service"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://iiif.stack.rdc.library.northwestern.edu/iiif/2/180682c9-dfaf-4881-b7b6-1f2f21092d4f"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"profile"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"http://iiif.io/api/image/2/level2.json"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"type"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"ImageService2"'})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"width"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"200"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"height"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"200"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"})})]})}),"\n",(0,i.jsx)(s.h4,{id:"link-1",children:"Link"}),"\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.a,{href:"https://github.com/samvera-labs/bloom-iiif/blob/main/public/fixtures/iiif/collection/masks-of-antonio-fava.json#L43-L50",children:(0,i.jsx)(s.strong,{children:"homepage"})})," for each item represents the ",(0,i.jsx)(s.code,{children:"href"})," attribute of the HTML ",(0,i.jsx)(s.code,{children:""})," element wrapping ",(0,i.jsx)(s.code,{children:"
"})]}),"\n",(0,i.jsx)(s.pre,{"data-language":"json","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"json","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"homepage"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:": ["})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://dc.library.northwestern.edu/items/7298fdce-adc1-4501-9e14-9e8bd985e149"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"type"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Text"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"label"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"none"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Pantalone classico"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"format"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"text/html"'})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"})})]})})]})}let x={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:s}=Object.assign({},(0,o.a)(),e.components);return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(p,{...e})}):p(e)},pageOpts:{filePath:"pages/docs/slider.mdx",route:"/docs/slider",frontMatter:{title:"Slider"},timestamp:173257264e4,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Slider",headings:h},pageNextRoute:"/docs/slider",nextraLayout:l.ZP,themeConfig:t.Z};s.default=(0,r.j)(x)},6931:function(e,s,n){"use strict";var i=n(2676),r=n(5271),l=n(6757),t=n(9205);s.Z=e=>{let{iiifContent:s="https://api.dc.library.northwestern.edu/api/v2/works/ad25d4af-8a12-4d8f-a557-79aea012e081?as=iiif",options:n}=e,[o,a]=(0,r.useState)(),{"iiif-content":c}=(0,t.useRouter)().query;return((0,r.useEffect)(()=>{o?a(c):a(s)},[c]),o)?(0,i.jsx)(l.Z,{iiifContent:o,options:n},s):(0,i.jsx)(i.Fragment,{})}},1973:function(e,s,n){"use strict";var i=n(2676),r=n(5318),l=n.n(r);n(5271);var t=n(8158);let o=()=>{let e="#ed1d33",s="#2873ab";return(0,i.jsxs)("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1",style:{height:"1rem"},children:[(0,i.jsx)("title",{children:"IIIF Logo"}),(0,i.jsx)("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)",children:(0,i.jsxs)("g",{transform:"scale(0.1)",children:[(0,i.jsx)("path",{style:{fill:s},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),(0,i.jsx)("path",{style:{fill:s},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),(0,i.jsx)("path",{style:{fill:e},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),(0,i.jsx)("path",{style:{fill:e},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),(0,i.jsx)("path",{style:{fill:s},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),(0,i.jsx)("path",{style:{fill:s},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),(0,i.jsx)("path",{style:{fill:e},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"})]})})]})},a=(0,t.zo)(l(),{display:"inline-flex",flexDirection:"column",textDecoration:"none",alignItems:"center",padding:"0.5rem 0"}),c=(0,t.zo)("span",{display:"inline-flex",alignItems:"center",justifyContent:"center"});s.Z=e=>{let{children:s,href:n,text:r=["Presentation API"]}=e;return(0,i.jsx)(a,{href:n,target:"_blank",className:"nx-flex-col",children:(0,i.jsxs)(c,{className:"nx-gap-2 nx-h-7 nx-rounded-md nx-px-2 nx-text-left nx-text-sm nx-font-medium nx-text-gray-600 nx-transition-colors dark:nx-text-gray-400 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",children:[(0,i.jsx)(o,{})," ",r.join(" or ")," ↗"]})})}},1028:function(e,s,n){"use strict";n.d(s,{Th:function(){return Q},jG:function(){return es}});var i,r=n(5271),l="colors",t="sizes",o="space",a={gap:o,gridGap:o,columnGap:o,gridColumnGap:o,rowGap:o,gridRowGap:o,inset:o,insetBlock:o,insetBlockEnd:o,insetBlockStart:o,insetInline:o,insetInlineEnd:o,insetInlineStart:o,margin:o,marginTop:o,marginRight:o,marginBottom:o,marginLeft:o,marginBlock:o,marginBlockEnd:o,marginBlockStart:o,marginInline:o,marginInlineEnd:o,marginInlineStart:o,padding:o,paddingTop:o,paddingRight:o,paddingBottom:o,paddingLeft:o,paddingBlock:o,paddingBlockEnd:o,paddingBlockStart:o,paddingInline:o,paddingInlineEnd:o,paddingInlineStart:o,top:o,right:o,bottom:o,left:o,scrollMargin:o,scrollMarginTop:o,scrollMarginRight:o,scrollMarginBottom:o,scrollMarginLeft:o,scrollMarginX:o,scrollMarginY:o,scrollMarginBlock:o,scrollMarginBlockEnd:o,scrollMarginBlockStart:o,scrollMarginInline:o,scrollMarginInlineEnd:o,scrollMarginInlineStart:o,scrollPadding:o,scrollPaddingTop:o,scrollPaddingRight:o,scrollPaddingBottom:o,scrollPaddingLeft:o,scrollPaddingX:o,scrollPaddingY:o,scrollPaddingBlock:o,scrollPaddingBlockEnd:o,scrollPaddingBlockStart:o,scrollPaddingInline:o,scrollPaddingInlineEnd:o,scrollPaddingInlineStart:o,fontSize:"fontSizes",background:l,backgroundColor:l,backgroundImage:l,borderImage:l,border:l,borderBlock:l,borderBlockEnd:l,borderBlockStart:l,borderBottom:l,borderBottomColor:l,borderColor:l,borderInline:l,borderInlineEnd:l,borderInlineStart:l,borderLeft:l,borderLeftColor:l,borderRight:l,borderRightColor:l,borderTop:l,borderTopColor:l,caretColor:l,color:l,columnRuleColor:l,fill:l,outline:l,outlineColor:l,stroke:l,textDecorationColor:l,fontFamily:"fonts",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",blockSize:t,minBlockSize:t,maxBlockSize:t,inlineSize:t,minInlineSize:t,maxInlineSize:t,width:t,minWidth:t,maxWidth:t,height:t,minHeight:t,maxHeight:t,flexBasis:t,gridTemplateColumns:t,gridTemplateRows:t,borderWidth:"borderWidths",borderTopWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderLeftWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",transition:"transitions",zIndex:"zIndices"},c=(e,s)=>"function"==typeof s?{"()":Function.prototype.toString.call(s)}:s,d=()=>{let e=Object.create(null);return(s,n,...i)=>{let r=JSON.stringify(s,c);return r in e?e[r]:e[r]=n(s,...i)}},h=Symbol.for("sxs.internal"),p=(e,s)=>Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)),x=e=>{for(let s in e)return!0;return!1},{hasOwnProperty:k}=Object.prototype,j=e=>e.includes("-")?e:e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase()),y=/\s+(?![^()]*\))/,u=e=>s=>e(..."string"==typeof s?String(s).split(y):[s]),v={appearance:e=>({WebkitAppearance:e,appearance:e}),backfaceVisibility:e=>({WebkitBackfaceVisibility:e,backfaceVisibility:e}),backdropFilter:e=>({WebkitBackdropFilter:e,backdropFilter:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),boxDecorationBreak:e=>({WebkitBoxDecorationBreak:e,boxDecorationBreak:e}),clipPath:e=>({WebkitClipPath:e,clipPath:e}),content:e=>({content:e.includes('"')||e.includes("'")||/^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e)?e:`"${e}"`}),hyphens:e=>({WebkitHyphens:e,hyphens:e}),maskImage:e=>({WebkitMaskImage:e,maskImage:e}),maskSize:e=>({WebkitMaskSize:e,maskSize:e}),tabSize:e=>({MozTabSize:e,tabSize:e}),textSizeAdjust:e=>({WebkitTextSizeAdjust:e,textSizeAdjust:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),marginBlock:u((e,s)=>({marginBlockStart:e,marginBlockEnd:s||e})),marginInline:u((e,s)=>({marginInlineStart:e,marginInlineEnd:s||e})),maxSize:u((e,s)=>({maxBlockSize:e,maxInlineSize:s||e})),minSize:u((e,s)=>({minBlockSize:e,minInlineSize:s||e})),paddingBlock:u((e,s)=>({paddingBlockStart:e,paddingBlockEnd:s||e})),paddingInline:u((e,s)=>({paddingInlineStart:e,paddingInlineEnd:s||e}))},m=/([\d.]+)([^]*)/,g=(e,s)=>e.length?e.reduce((e,n)=>(e.push(...s.map(e=>e.includes("&")?e.replace(/&/g,/[ +>|~]/.test(n)&&/&.*&/.test(e)?`:is(${n})`:n):n+" "+e)),e),[]):s,f=(e,s)=>e in b&&"string"==typeof s?s.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/,(s,n,i,r)=>n+("stretch"===i?`-moz-available${r};${j(e)}:${n}-webkit-fill-available`:`-moz-fit-content${r};${j(e)}:${n}fit-content`)+r):String(s),b={blockSize:1,height:1,inlineSize:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,width:1},w=e=>e?e+"-":"",N=(e,s,n)=>e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g,(e,i,r,l,t)=>"$"==l==!!r?e:(i||"--"==l?"calc(":"")+"var(--"+("$"===l?w(s)+(t.includes("$")?"":w(n))+t.replace(/\$/g,"-"):t)+")"+(i||"--"==l?"*"+(i||"")+(r||"1")+")":"")),S=/\s*,\s*(?![^()]*\))/,I=Object.prototype.toString,M=(e,s,n,i,r)=>{let l,t,o;let a=(e,s,n)=>{let c,d;let h=e=>{var p;for(c in e){let x=64===c.charCodeAt(0);for(d of x&&Array.isArray(e[c])?e[c]:[e[c]]){let e=/[A-Z]/.test(p=c)?p:p.replace(/-[^]/g,e=>e[1].toUpperCase()),k="object"==typeof d&&d&&d.toString===I&&(!i.utils[e]||!s.length);if(e in i.utils&&!k){let s=i.utils[e];if(s!==t){t=s,h(s(d)),t=null;continue}}else if(e in v){let s=v[e];if(s!==o){o=s,h(s(d)),o=null;continue}}if(x&&(c=(c.slice(1) in i.media?"@media "+i.media[c.slice(1)]:c).replace(/\(\s*([\w-]+)\s*(=|<|<=|>|>=)\s*([\w-]+)\s*(?:(<|<=|>|>=)\s*([\w-]+)\s*)?\)/g,(e,s,n,i,r,l)=>{let t=m.test(s),o=.0625*(t?-1:1),[a,c]=t?[i,s]:[s,i];return"("+("="===n[0]?"":">"===n[0]===t?"max-":"min-")+a+":"+("="!==n[0]&&1===n.length?c.replace(m,(e,s,i)=>Number(s)+o*(">"===n?1:-1)+i):c)+(r?") and ("+(">"===r[0]?"min-":"max-")+a+":"+(1===r.length?l.replace(m,(e,s,n)=>Number(s)+o*(">"===r?-1:1)+n):l):"")+")"})),k){let e=x?n.concat(c):[...n],i=x?[...s]:g(s,c.split(S));void 0!==l&&r(B(...l)),l=void 0,a(d,i,e)}else void 0===l&&(l=[[],s,n]),c=x||36!==c.charCodeAt(0)?c:`--${w(i.prefix)}${c.slice(1).replace(/\$/g,"-")}`,d=k?d:"number"==typeof d?d&&e in P?String(d)+"px":String(d):N(f(e,null==d?"":d),i.prefix,i.themeMap[e]),l[0].push(`${x?`${c} `:`${j(c)}:`}${d}`)}}};h(e),void 0!==l&&r(B(...l)),l=void 0};a(e,s,n)},B=(e,s,n)=>`${n.map(e=>`${e}{`).join("")}${s.length?`${s.join(",")}{`:""}${e.join(";")}${s.length?"}":""}${Array(n.length?n.length+1:0).join("}")}`,P={animationDelay:1,animationDuration:1,backgroundSize:1,blockSize:1,border:1,borderBlock:1,borderBlockEnd:1,borderBlockEndWidth:1,borderBlockStart:1,borderBlockStartWidth:1,borderBlockWidth:1,borderBottom:1,borderBottomLeftRadius:1,borderBottomRightRadius:1,borderBottomWidth:1,borderEndEndRadius:1,borderEndStartRadius:1,borderInlineEnd:1,borderInlineEndWidth:1,borderInlineStart:1,borderInlineStartWidth:1,borderInlineWidth:1,borderLeft:1,borderLeftWidth:1,borderRadius:1,borderRight:1,borderRightWidth:1,borderSpacing:1,borderStartEndRadius:1,borderStartStartRadius:1,borderTop:1,borderTopLeftRadius:1,borderTopRightRadius:1,borderTopWidth:1,borderWidth:1,bottom:1,columnGap:1,columnRule:1,columnRuleWidth:1,columnWidth:1,containIntrinsicSize:1,flexBasis:1,fontSize:1,gap:1,gridAutoColumns:1,gridAutoRows:1,gridTemplateColumns:1,gridTemplateRows:1,height:1,inlineSize:1,inset:1,insetBlock:1,insetBlockEnd:1,insetBlockStart:1,insetInline:1,insetInlineEnd:1,insetInlineStart:1,left:1,letterSpacing:1,margin:1,marginBlock:1,marginBlockEnd:1,marginBlockStart:1,marginBottom:1,marginInline:1,marginInlineEnd:1,marginInlineStart:1,marginLeft:1,marginRight:1,marginTop:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,offsetDistance:1,offsetRotate:1,outline:1,outlineOffset:1,outlineWidth:1,overflowClipMargin:1,padding:1,paddingBlock:1,paddingBlockEnd:1,paddingBlockStart:1,paddingBottom:1,paddingInline:1,paddingInlineEnd:1,paddingInlineStart:1,paddingLeft:1,paddingRight:1,paddingTop:1,perspective:1,right:1,rowGap:1,scrollMargin:1,scrollMarginBlock:1,scrollMarginBlockEnd:1,scrollMarginBlockStart:1,scrollMarginBottom:1,scrollMarginInline:1,scrollMarginInlineEnd:1,scrollMarginInlineStart:1,scrollMarginLeft:1,scrollMarginRight:1,scrollMarginTop:1,scrollPadding:1,scrollPaddingBlock:1,scrollPaddingBlockEnd:1,scrollPaddingBlockStart:1,scrollPaddingBottom:1,scrollPaddingInline:1,scrollPaddingInlineEnd:1,scrollPaddingInlineStart:1,scrollPaddingLeft:1,scrollPaddingRight:1,scrollPaddingTop:1,shapeMargin:1,textDecoration:1,textDecorationThickness:1,textIndent:1,textUnderlineOffset:1,top:1,transitionDelay:1,transitionDuration:1,verticalAlign:1,width:1,wordSpacing:1},R=e=>String.fromCharCode(e+(e>25?39:97)),C=e=>(e=>{let s,n="";for(s=Math.abs(e);s>52;s=s/52|0)n=R(s%52)+n;return R(s%52)+n})(((e,s)=>{let n=s.length;for(;n;)e=33*e^s.charCodeAt(--n);return e})(5381,JSON.stringify(e))>>>0),$=["themed","global","styled","onevar","resonevar","allvar","inline"],T=e=>{if(e.href&&!e.href.startsWith(location.origin))return!1;try{return!!e.cssRules}catch(e){return!1}},z=e=>{let s;let n=()=>{let{cssRules:e}=s.sheet;return[].map.call(e,(n,i)=>{let{cssText:r}=n,l="";if(r.startsWith("--sxs"))return"";if(e[i-1]&&(l=e[i-1].cssText).startsWith("--sxs")){if(!n.cssRules.length)return"";for(let e in s.rules)if(s.rules[e].group===n)return`--sxs{--sxs:${[...s.rules[e].cache].join(" ")}}${r}`;return n.cssRules.length?`${l}${r}`:""}return r}).join("")},i=()=>{if(s){let{rules:e,sheet:n}=s;if(!n.deleteRule){for(;3===Object(Object(n.cssRules)[0]).type;)n.cssRules.splice(0,1);n.cssRules=[]}for(let s in e)delete e[s]}for(let r of Object(e).styleSheets||[])if(T(r)){for(let e=0,l=r.cssRules;l[e];++e){let t=Object(l[e]);if(1!==t.type)continue;let o=Object(l[e+1]);if(4!==o.type)continue;++e;let{cssText:a}=t;if(!a.startsWith("--sxs"))continue;let c=a.slice(14,-3).trim().split(/\s+/),d=$[c[0]];d&&(s||(s={sheet:r,reset:i,rules:{},toString:n}),s.rules[d]={group:o,index:e,cache:new Set(c)})}if(s)break}if(!s){let r=(e,s)=>({type:s,cssRules:[],insertRule(e,s){this.cssRules.splice(s,0,r(e,{import:3,undefined:1}[(e.toLowerCase().match(/^@([a-z]+)/)||[])[1]]||4))},get cssText(){return"@media{}"===e?`@media{${[].map.call(this.cssRules,e=>e.cssText).join("")}}`:e}});s={sheet:e?(e.head||e).appendChild(document.createElement("style")).sheet:r("","text/css"),rules:{},reset:i,toString:n}}let{sheet:r,rules:l}=s;for(let e=$.length-1;e>=0;--e){let s=$[e];if(!l[s]){let n=$[e+1],i=l[n]?l[n].index:r.cssRules.length;r.insertRule("@media{}",i),r.insertRule(`--sxs{--sxs:${e}}`,i),l[s]={group:r.cssRules[i+1],index:i,cache:new Set([e])}}E(l[s])}};return i(),s},E=e=>{let s=e.group,n=s.cssRules.length;e.apply=e=>{try{s.insertRule(e,n),++n}catch(e){}}},W=Symbol(),L=d(),A=(e,s)=>L(e,()=>(...n)=>{let i={type:null,composers:new Set};for(let s of n)if(null!=s){if(s[h])for(let e of(null==i.type&&(i.type=s[h].type),s[h].composers))i.composers.add(e);else s.constructor!==Object||s.$$typeof?null==i.type&&(i.type=s):i.composers.add(O(s,e))}return null==i.type&&(i.type="span"),i.composers.size||i.composers.add(["PJLV",{},[],[],{},[]]),F(e,i,s)}),O=({variants:e,compoundVariants:s,defaultVariants:n,...i},r)=>{let l=`${w(r.prefix)}c-${C(i)}`,t=[],o=[],a=Object.create(null),c=[];for(let e in n)a[e]=String(n[e]);if("object"==typeof e&&e)for(let s in e){k.call(a,s)||(a[s]="undefined");let n=e[s];for(let e in n){let i={[s]:String(e)};"undefined"===String(e)&&c.push(s);let r=n[e],l=[i,r,!x(r)];t.push(l)}}if("object"==typeof s&&s)for(let e of s){let{css:s,...n}=e;for(let e in s="object"==typeof s&&s||{},n)n[e]=String(n[e]);let i=[n,s,!x(s)];o.push(i)}return[l,i,t,o,a,c]},F=(e,s,n)=>{let[i,r,l,t]=D(s.composers),o="function"==typeof s.type||s.type.$$typeof?(e=>{function s(){for(let n=0;ns.rules[e]={apply:n=>s[W].push([e,n])}),s})(n):null,a=(o||n).rules,c=`.${i}${r.length>1?`:where(.${r.slice(1).join(".")})`:""}`,d=d=>{let{css:h,...p}=d="object"==typeof d&&d||V,x={};for(let e in l)if(delete p[e],e in d){let s=d[e];"object"==typeof s&&s?x[e]={"@initial":l[e],...s}:(s=String(s),x[e]="undefined"!==s||t.has(e)?s:l[e])}else x[e]=l[e];let k=new Set([...r]);for(let[i,r,l,t]of s.composers){n.rules.styled.cache.has(i)||(n.rules.styled.cache.add(i),M(r,[`.${i}`],[],e,e=>{a.styled.apply(e)}));let s=H(l,x,e.media),o=H(t,x,e.media,!0);for(let r of s)if(void 0!==r)for(let[s,l,t]of r){let r=`${i}-${C(l)}-${s}`;k.add(r);let o=(t?n.rules.resonevar:n.rules.onevar).cache,c=t?a.resonevar:a.onevar;o.has(r)||(o.add(r),M(l,[`.${r}`],[],e,e=>{c.apply(e)}))}for(let s of o)if(void 0!==s)for(let[r,l]of s){let s=`${i}-${C(l)}-${r}`;k.add(s),n.rules.allvar.cache.has(s)||(n.rules.allvar.cache.add(s),M(l,[`.${s}`],[],e,e=>{a.allvar.apply(e)}))}}if("object"==typeof h&&h){let s=`${i}-i${C(h)}-css`;k.add(s),n.rules.inline.cache.has(s)||(n.rules.inline.cache.add(s),M(h,[`.${s}`],[],e,e=>{a.inline.apply(e)}))}for(let e of String(d.className||"").trim().split(/\s+/))e&&k.add(e);let j=p.className=[...k].join(" ");return{type:s.type,className:j,selector:c,props:p,toString:()=>j,deferredInjector:o}};return p(d,{className:i,selector:c,[h]:s,toString:()=>(n.rules.styled.cache.has(i)||d(),i)})},D=e=>{let s="",n=[],i={},r=[];for(let[l,,,,t,o]of e)for(let e in""===s&&(s=l),n.push(l),r.push(...o),t){let s=t[e];(void 0===i[e]||"undefined"!==s||o.includes(s))&&(i[e]=s)}return[s,n,i,new Set(r)]},H=(e,s,n,i)=>{let r=[];e:for(let[l,t,o]of e){if(o)continue;let e,a=0,c=!1;for(e in l){let i=l[e],r=s[e];if(r!==i){if("object"!=typeof r||!r)continue e;{let e,s,l=0;for(let t in r){if(i===String(r[t])){if("@initial"!==t){let e=t.slice(1);(s=s||[]).push(e in n?n[e]:t.replace(/^@media ?/,"")),c=!0}a+=l,e=!0}++l}if(s&&s.length&&(t={["@media "+s.join(", ")]:t}),!e)continue e}}}(r[a]=r[a]||[]).push([i?"cv":`${e}-${l[e]}`,t,c])}return r},V={},_=d(),Z=(e,s)=>_(e,()=>(...n)=>{let i=()=>{for(let i of n){let n=C(i="object"==typeof i&&i||{});if(!s.rules.global.cache.has(n)){if(s.rules.global.cache.add(n),"@import"in i){let e=[].indexOf.call(s.sheet.cssRules,s.rules.themed.group)-1;for(let n of[].concat(i["@import"]))n=n.includes('"')||n.includes("'")?n:`"${n}"`,s.sheet.insertRule(`@import ${n};`,e++);delete i["@import"]}M(i,[],[],e,e=>{s.rules.global.apply(e)})}}return""};return p(i,{toString:i})}),q=d(),G=(e,s)=>q(e,()=>n=>{let i=`${w(e.prefix)}k-${C(n)}`,r=()=>{if(!s.rules.global.cache.has(i)){s.rules.global.cache.add(i);let r=[];M(n,[],[],e,e=>r.push(e));let l=`@keyframes ${i}{${r.join("")}}`;s.rules.global.apply(l)}return i};return p(r,{get name(){return r()},toString:r})}),U=class{constructor(e,s,n,i){this.token=null==e?"":String(e),this.value=null==s?"":String(s),this.scale=null==n?"":String(n),this.prefix=null==i?"":String(i)}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+w(this.prefix)+w(this.scale)+this.token}toString(){return this.computedValue}},K=d(),X=(e,s)=>K(e,()=>(n,i)=>{i="object"==typeof n&&n||Object(i);let r=`.${n=(n="string"==typeof n?n:"")||`${w(e.prefix)}t-${C(i)}`}`,l={},t=[];for(let s in i)for(let n in l[s]={},i[s]){let r=`--${w(e.prefix)}${s}-${n}`,o=N(String(i[s][n]),e.prefix,s);l[s][n]=new U(n,o,s,e.prefix),t.push(`${r}:${o}`)}let o=()=>{if(t.length&&!s.rules.themed.cache.has(n)){s.rules.themed.cache.add(n);let r=`${i===e.theme?":root,":""}.${n}{${t.join(";")}}`;s.rules.themed.apply(r)}return n};return{...l,get className(){return o()},selector:r,toString:o}}),Y=d(),J=d(),Q=e=>{let s=(e=>{let s=!1,n=Y(e,e=>{s=!0;let n="prefix"in(e="object"==typeof e&&e||{})?String(e.prefix):"",i="object"==typeof e.media&&e.media||{},r="object"==typeof e.root?e.root||null:globalThis.document||null,l="object"==typeof e.theme&&e.theme||{},t={prefix:n,media:i,theme:l,themeMap:"object"==typeof e.themeMap&&e.themeMap||{...a},utils:"object"==typeof e.utils&&e.utils||{}},o=z(r),c={css:A(t,o),globalCss:Z(t,o),keyframes:G(t,o),createTheme:X(t,o),reset(){o.reset(),c.theme.toString()},theme:{},sheet:o,config:t,prefix:n,getCssText:o.toString,toString:o.toString};return String(c.theme=c.createTheme(l)),c});return s||n.reset(),n})(e);return s.styled=(({config:e,sheet:s})=>J(e,()=>{let n=A(e,s);return(...e)=>{let s=n(...e),i=s[h].type,l=r.forwardRef((e,n)=>{let l=e&&e.as||i,{props:t,deferredInjector:o}=s(e);return delete t.as,t.ref=n,o?r.createElement(r.Fragment,null,r.createElement(l,t),r.createElement(o,null)):r.createElement(l,t)});return l.className=s.className,l.displayName=`Styled.${i.displayName||i.name||i}`,l.selector=s.selector,l.toString=()=>s.selector,l[h]=s[h],l}}))(s),s},ee=()=>i||(i=Q()),es=(...e)=>ee().createTheme(...e)}},function(e){e.O(0,[585,546,965,580,367,256,634,542,769,888,774,179],function(){return e(e.s=4682)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[584],{4682:function(e,s,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/slider",function(){return n(8457)}])},8457:function(e,s,n){"use strict";n.r(s),n.d(s,{__toc:function(){return h}});var i=n(2676),r=n(5384),l=n(826),t=n(7104);n(1952);var o=n(7532),a=n(6931),c=n(1973),d=n(3860);n(1445),n(8652),n(6248);let h=[{depth:2,value:"Features",id:"features"},{depth:2,value:"Installation",id:"installation"},{depth:2,value:"Usage",id:"usage"},{depth:3,value:"React",id:"react"},{depth:2,value:"API Reference",id:"api-reference"},{depth:3,value:"Custom Breakpoints",id:"custom-breakpoints"},{depth:3,value:"Custom Interactions",id:"custom-interactions"},{depth:2,value:"Collection Anatomy",id:"collection-anatomy"},{depth:3,value:"Header",id:"header"},{depth:4,value:"Text",id:"text"},{depth:4,value:"Link",id:"link"},{depth:3,value:"Items",id:"items"},{depth:4,value:"Text",id:"text-1"},{depth:4,value:"Image",id:"image"},{depth:4,value:"Link",id:"link-1"}];function p(e){let s=Object.assign({h1:"h1",p:"p",a:"a",hr:"hr",h2:"h2",ul:"ul",li:"li",code:"code",strong:"strong",pre:"pre",span:"span",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",em:"em",h4:"h4"},(0,o.a)(),e.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.h1,{children:"Slider"}),"\n",(0,i.jsxs)(s.p,{children:["A UI component that renders an item carousel for the contents of a IIIF Collection using ",(0,i.jsx)(s.a,{href:"https://swiperjs.com/",children:"swiper.js"}),"."]}),"\n",(0,i.jsx)(c.Z,{href:"https://iiif.io/api/presentation/3.0/#21-defined-types",text:["Collection"]}),"\n",(0,i.jsx)(s.hr,{}),"\n",(0,i.jsx)(a.Z,{iiifContent:"https://api.dc.library.northwestern.edu/api/v2/collections/c373ecd2-2c45-45f2-9f9e-52dc244870bd?as=iiif"}),"\n",(0,i.jsx)(s.h2,{id:"features",children:"Features"}),"\n",(0,i.jsxs)(s.p,{children:["Provide a ",(0,i.jsx)(s.a,{href:"https://iiif.io/api/presentation/3.0/",children:"IIIF Presentation API"})," Collection and the component:"]}),"\n",(0,i.jsxs)(s.ul,{children:["\n",(0,i.jsx)(s.li,{children:"Renders a carousel style components"}),"\n",(0,i.jsxs)(s.li,{children:["Renders ",(0,i.jsx)(s.code,{children:"label"}),", ",(0,i.jsx)(s.code,{children:"summary"})," for the referenced Collection"]}),"\n",(0,i.jsxs)(s.li,{children:["Transcribes ",(0,i.jsx)(s.code,{children:"homepage"})," as a ",(0,i.jsx)(s.strong,{children:"View All"})," button referenced Collection"]}),"\n",(0,i.jsx)(s.li,{children:'Renders items as a "slide" for each Manifest or Collection item'}),"\n",(0,i.jsxs)(s.li,{children:["Renders ",(0,i.jsx)(s.code,{children:"label"}),", ",(0,i.jsx)(s.code,{children:"summary"}),' for each item "slide"']}),"\n",(0,i.jsxs)(s.li,{children:["Transcribes ",(0,i.jsx)(s.code,{children:"homepage"})," as an ",(0,i.jsx)(s.code,{children:""}),' wrapping each item "slide"']}),"\n",(0,i.jsx)(s.li,{children:"Supports custom breakpoints to display customized slide counts"}),"\n",(0,i.jsxs)(s.li,{children:["Supports callback ",(0,i.jsx)(s.code,{children:"onItemInteraction"}),' to override default "slide" behavior']}),"\n"]}),"\n",(0,i.jsx)(s.h2,{id:"installation",children:"Installation"}),"\n",(0,i.jsxs)(d.mQ,{items:["npm","yarn","pnpm"],children:[(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"shell","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"shell","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"npm"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"install"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@samvera/clover-iiif"})]})})})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"shell","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"shell","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"yarn"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@samvera/clover-iiif"})]})})})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"shell","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"shell","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"pnpm"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"install"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@samvera/clover-iiif"})]})})})})]}),"\n",(0,i.jsx)(s.h2,{id:"usage",children:"Usage"}),"\n",(0,i.jsx)(s.h3,{id:"react",children:"React"}),"\n",(0,i.jsxs)(s.p,{children:["Add the ",(0,i.jsx)(s.code,{children:"Slider"})," component to your ",(0,i.jsx)(s.code,{children:"jsx"})," or ",(0,i.jsx)(s.code,{children:"tsx"})," code. Slider does require you to load ",(0,i.jsx)(s.a,{href:"https://swiperjs.com/",children:"swiper.js"})," styling to the side. These stylesheets are not compiled with the @samvera/clover-iiif package, however are bundled as a dependency when installing Clover IIIF."]}),"\n",(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Slider "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/slider"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"swiper/css"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"swiper/css/navigation"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"swiper/css/pagination"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]})]})}),"\n",(0,i.jsxs)(s.p,{children:["Render the slider with IIIF Collection URI. The only required prop is the ",(0,i.jsx)(s.code,{children:"iiifContent"}),", which is the URI of the IIIF Collection."]}),"\n",(0,i.jsxs)(d.mQ,{items:["Code","Preview"],children:[(0,i.jsx)(d.OK,{children:(0,i.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Slider"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"iiifContent"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/collections/c373ecd2-2c45-45f2-9f9e-52dc244870bd?as=iiif"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]})})})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(a.Z,{iiifContent:"https://api.dc.library.northwestern.edu/api/v2/collections/c373ecd2-2c45-45f2-9f9e-52dc244870bd?as=iiif"})})]}),"\n",(0,i.jsx)(s.h2,{id:"api-reference",children:"API Reference"}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.code,{children:"Viewer"})," can configured through an ",(0,i.jsx)(s.code,{children:"options"})," prop, which will serve as a object for common options."]}),"\n",(0,i.jsxs)(s.table,{children:[(0,i.jsx)(s.thead,{children:(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.th,{children:"Prop"}),(0,i.jsx)(s.th,{children:"Type"}),(0,i.jsx)(s.th,{children:"Required"}),(0,i.jsx)(s.th,{children:"Default"})]})}),(0,i.jsxs)(s.tbody,{children:[(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"iiifContent"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"string"})}),(0,i.jsx)(s.td,{children:"Yes"}),(0,i.jsx)(s.td,{})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsxs)(s.td,{children:[(0,i.jsx)(s.code,{children:"collectionId"})," ",(0,i.jsx)(s.em,{children:"(deprecated)"})]}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"string"})}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"onItemInteraction"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"function"})}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options.breakpoints"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:'SwiperProps["breakpoints"]'})}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options.credentials"})}),(0,i.jsxs)(s.td,{children:[(0,i.jsx)(s.code,{children:"omit"}),", ",(0,i.jsx)(s.code,{children:"same-origin"}),", ",(0,i.jsx)(s.code,{children:"include"})]}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"omit"})})]}),(0,i.jsxs)(s.tr,{children:[(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"options.customViewAll"})}),(0,i.jsx)(s.td,{children:(0,i.jsx)(s.code,{children:"string"})}),(0,i.jsx)(s.td,{children:"No"}),(0,i.jsx)(s.td,{})]})]})]}),"\n",(0,i.jsx)(s.h3,{id:"custom-breakpoints",children:"Custom Breakpoints"}),"\n",(0,i.jsxs)(s.p,{children:[(0,i.jsx)(s.code,{children:"Slider"})," uses default values per ",(0,i.jsxs)("a",{href:"https://swiperjs.com/swiper-api#param-breakpoints",target:"_blank",children:["Swiper's ",(0,i.jsx)(s.code,{children:"breakpoints"})," API "]}),". You may customize your own by passing in a ",(0,i.jsx)(s.code,{children:"breakpoints"})," object, ie:"]}),"\n",(0,i.jsx)(s.pre,{"data-language":"tsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"tsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"MyCustomSlider"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"iiifContent"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/collections/c373ecd2-2c45-45f2-9f9e-52dc244870bd?as=iiif"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"customBreakpoints"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"320"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" slidesPerView"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"2"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" spaceBetween"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"20"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"480"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" slidesPerView"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"3"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" spaceBetween"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"30"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"640"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" slidesPerView"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"4"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" spaceBetween"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"40"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" };"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Slider"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"iiifContent"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{iiifContent}"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"options"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" breakpoints"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" customBreakpoints"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" );"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})})]})}),"\n",(0,i.jsx)(s.h3,{id:"custom-interactions",children:"Custom Interactions"}),"\n",(0,i.jsxs)(s.p,{children:["The default behavior for a click (or press) event on each of the individual items is to route to the ",(0,i.jsx)(s.code,{children:"href"})," value set by the IIIF Presentation 3.0 API ",(0,i.jsx)(s.code,{children:"homepage[0].id"})," for each ",(0,i.jsx)(s.code,{children:"item"})," entry."]}),"\n",(0,i.jsxs)(s.p,{children:["You can optionally set an event handler for the ",(0,i.jsx)(s.code,{children:"onItemInteraction"})," value as a callback for a custom action. The full ",(0,i.jsx)(s.code,{children:"item"})," object will be passed back to the consuming application."]}),"\n",(0,i.jsx)(s.pre,{"data-language":"tsx","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"tsx","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"MyCustomSlider"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"iiifContent"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/collections/c373ecd2-2c45-45f2-9f9e-52dc244870bd?as=iiif"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"handleItemInteraction"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" (item"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"Manifest"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"|"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"Collection"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:") "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-comment)"},children:"// do something with `item`"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"console"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:".log"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"(item);"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" };"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Slider"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"iiifContent"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{iiifContent}"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"onItemInteraction"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{handleItemInteraction}"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" );"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})})]})}),"\n",(0,i.jsxs)(s.p,{children:["The returned value of ",(0,i.jsx)(s.code,{children:"item"})," provides the entire object for your custom interaction."]}),"\n",(0,i.jsx)(s.pre,{"data-language":"json","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"json","data-theme":"default",children:[(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/works/2de0355c-8e48-4478-93af-8cbd1437bd16?as=iiif"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"type"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Manifest"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"homepage"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://dc.library.northwestern.edu/items/2de0355c-8e48-4478-93af-8cbd1437bd16"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"type"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Text"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"format"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"text/html"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"label"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"none"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Pulcinella \\"tiepolano\\""'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"label"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"none"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Pulcinella \\"tiepolano\\""'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"summary"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"none"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"thumbnail"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/works/2de0355c-8e48-4478-93af-8cbd1437bd16/thumbnail"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"format"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"image/jpeg"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"type"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"width"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"400"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"height"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"400"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"}"})})]})}),"\n",(0,i.jsx)(s.h2,{id:"collection-anatomy",children:"Collection Anatomy"}),"\n",(0,i.jsx)(s.p,{children:"Bloom accepts both Presentation API 2.x and Presentation API 3.0 Collections."}),"\n",(0,i.jsx)(s.p,{children:(0,i.jsx)(s.a,{href:"https://github.com/samvera-labs/bloom-iiif/blob/main/public/fixtures/iiif/collection/masks-of-antonio-fava.json",children:"See Example Collection"})}),"\n",(0,i.jsx)(s.h3,{id:"header",children:"Header"}),"\n",(0,i.jsx)(s.h4,{id:"text",children:"Text"}),"\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsxs)(s.a,{href:"https://github.com/samvera-labs/bloom-iiif/blob/main/public/fixtures/iiif/collection/masks-of-antonio-fava.json#L5-L12",children:["top-level Collection ",(0,i.jsx)(s.strong,{children:"label"})," and ",(0,i.jsx)(s.strong,{children:"summary"})]})," (if existing) data is mapped to a Header sub-component"]}),"\n",(0,i.jsx)(s.pre,{"data-language":"json","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"json","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"label"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:": {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"none"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Commedia dell\'Arte: The Masks of Antonio Fava"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"}"})})]})}),"\n",(0,i.jsx)(s.pre,{"data-language":"json","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"json","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"summary"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:": {"})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"none"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"\"The Commedia dell'Arte, the famous improvisational theatre style born in Renaissance Italy, remains a major influence in today's theatre. Antonio Fava is an actor, comedian, author, director, musician, mask maker and Internationally renowned Maestro of Commedia dell'Arte.\""})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"}"})})]})}),"\n",(0,i.jsx)(s.h4,{id:"link",children:"Link"}),"\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsxs)(s.a,{href:"https://github.com/samvera-labs/bloom-iiif/blob/main/public/fixtures/iiif/collection/masks-of-antonio-fava.json#L13-L20",children:["top-level Collection ",(0,i.jsx)(s.strong,{children:"homepage"})]})," represents the ",(0,i.jsx)(s.code,{children:"href"})," attribute wrapping an HTML ",(0,i.jsx)(s.code,{children:""})," element on the Header ",(0,i.jsx)(s.strong,{children:"label"})]}),"\n",(0,i.jsx)(s.pre,{"data-language":"json","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"json","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"homepage"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:": ["})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://dc.library.northwestern.edu/collections/c373ecd2-2c45-45f2-9f9e-52dc244870bd"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"type"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Text"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"label"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"none"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Commedia dell\'Arte: The Masks of Antonio Fava"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"format"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"text/html"'})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"})})]})}),"\n",(0,i.jsx)(s.h3,{id:"items",children:"Items"}),"\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsxs)(s.a,{href:"https://github.com/samvera-labs/bloom-iiif/blob/main/public/fixtures/iiif/collection/masks-of-antonio-fava.json#L21-L292",children:[(0,i.jsx)(s.strong,{children:"items"})," array"]})," is mapped to the slider/carousel with each item rendering as an HTML ",(0,i.jsx)(s.code,{children:"
"})]}),"\n",(0,i.jsx)(s.pre,{"data-language":"json","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"json","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"items"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:": ["})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://iiif.stack.rdc.library.northwestern.edu/public/72/98/fd/ce/-a/dc/1-/45/01/-9/e1/4-/9e/8b/d9/85/e1/49-manifest.json"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"type"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Manifest"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"label"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"none"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Pantalone classico"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"summary"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"none"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"thumbnail"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://iiif.stack.rdc.library.northwestern.edu/iiif/2/180682c9-dfaf-4881-b7b6-1f2f21092d4f/full/200,/0/default.jpg"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"type"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"format"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"image/jpeg"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"service"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://iiif.stack.rdc.library.northwestern.edu/iiif/2/180682c9-dfaf-4881-b7b6-1f2f21092d4f"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"profile"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"http://iiif.io/api/image/2/level2.json"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"type"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"ImageService2"'})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"width"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"200"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"height"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"200"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"homepage"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://dc.library.northwestern.edu/items/7298fdce-adc1-4501-9e14-9e8bd985e149"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"type"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Text"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"label"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"none"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Pantalone classico"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"format"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"text/html"'})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"})})]})}),"\n",(0,i.jsx)(s.h4,{id:"text-1",children:"Text"}),"\n",(0,i.jsxs)(s.p,{children:["For each item, the ",(0,i.jsxs)(s.a,{href:"https://github.com/samvera-labs/bloom-iiif/blob/main/public/fixtures/iiif/collection/masks-of-antonio-fava.json#L25-L26",children:[(0,i.jsx)(s.strong,{children:"label"})," and ",(0,i.jsx)(s.strong,{children:"summary"})]})," (if existing) data are mapped to a ",(0,i.jsx)(s.code,{children:"
"})]}),"\n",(0,i.jsx)(s.pre,{"data-language":"json","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"json","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"label"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:": { "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"none"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Pantalone classico"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"})]})})}),"\n",(0,i.jsx)(s.pre,{"data-language":"json","data-theme":"default",children:(0,i.jsx)(s.code,{"data-language":"json","data-theme":"default",children:(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"summary"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:": { "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"none"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"})]})})}),"\n",(0,i.jsx)(s.h4,{id:"image",children:"Image"}),"\n",(0,i.jsxs)(s.p,{children:["For each item, the ",(0,i.jsx)(s.a,{href:"https://github.com/samvera-labs/bloom-iiif/blob/main/public/fixtures/iiif/collection/masks-of-antonio-fava.json#L27-L42",children:(0,i.jsx)(s.strong,{children:"thumbnail"})})," is rendered as an ",(0,i.jsx)(s.code,{children:""})," element within the ",(0,i.jsx)(s.code,{children:"
"})]}),"\n",(0,i.jsx)(s.pre,{"data-language":"json","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"json","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"thumbnail"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:": ["})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://iiif.stack.rdc.library.northwestern.edu/iiif/2/180682c9-dfaf-4881-b7b6-1f2f21092d4f/full/200,/0/default.jpg"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"type"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Image"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"format"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"image/jpeg"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"service"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://iiif.stack.rdc.library.northwestern.edu/iiif/2/180682c9-dfaf-4881-b7b6-1f2f21092d4f"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"profile"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"http://iiif.io/api/image/2/level2.json"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"type"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"ImageService2"'})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"width"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"200"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"height"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"200"})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"})})]})}),"\n",(0,i.jsx)(s.h4,{id:"link-1",children:"Link"}),"\n",(0,i.jsxs)(s.p,{children:["The ",(0,i.jsx)(s.a,{href:"https://github.com/samvera-labs/bloom-iiif/blob/main/public/fixtures/iiif/collection/masks-of-antonio-fava.json#L43-L50",children:(0,i.jsx)(s.strong,{children:"homepage"})})," for each item represents the ",(0,i.jsx)(s.code,{children:"href"})," attribute of the HTML ",(0,i.jsx)(s.code,{children:""})," element wrapping ",(0,i.jsx)(s.code,{children:"
"})]}),"\n",(0,i.jsx)(s.pre,{"data-language":"json","data-theme":"default",children:(0,i.jsxs)(s.code,{"data-language":"json","data-theme":"default",children:[(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"homepage"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:": ["})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"id"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://dc.library.northwestern.edu/items/7298fdce-adc1-4501-9e14-9e8bd985e149"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"type"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Text"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"label"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"none"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Pantalone classico"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"] }"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(s.span,{className:"line",children:[(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:'"format"'}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:":"}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"text/html"'})]}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }"})}),"\n",(0,i.jsx)(s.span,{className:"line",children:(0,i.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"]"})})]})})]})}let x={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:s}=Object.assign({},(0,o.a)(),e.components);return s?(0,i.jsx)(s,{...e,children:(0,i.jsx)(p,{...e})}):p(e)},pageOpts:{filePath:"pages/docs/slider.mdx",route:"/docs/slider",frontMatter:{title:"Slider"},timestamp:1732573097e3,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Slider",headings:h},pageNextRoute:"/docs/slider",nextraLayout:l.ZP,themeConfig:t.Z};s.default=(0,r.j)(x)},6931:function(e,s,n){"use strict";var i=n(2676),r=n(5271),l=n(6757),t=n(9205);s.Z=e=>{let{iiifContent:s="https://api.dc.library.northwestern.edu/api/v2/works/ad25d4af-8a12-4d8f-a557-79aea012e081?as=iiif",options:n}=e,[o,a]=(0,r.useState)(),{"iiif-content":c}=(0,t.useRouter)().query;return((0,r.useEffect)(()=>{o?a(c):a(s)},[c]),o)?(0,i.jsx)(l.Z,{iiifContent:o,options:n},s):(0,i.jsx)(i.Fragment,{})}},1973:function(e,s,n){"use strict";var i=n(2676),r=n(5318),l=n.n(r);n(5271);var t=n(8158);let o=()=>{let e="#ed1d33",s="#2873ab";return(0,i.jsxs)("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1",style:{height:"1rem"},children:[(0,i.jsx)("title",{children:"IIIF Logo"}),(0,i.jsx)("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)",children:(0,i.jsxs)("g",{transform:"scale(0.1)",children:[(0,i.jsx)("path",{style:{fill:s},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),(0,i.jsx)("path",{style:{fill:s},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),(0,i.jsx)("path",{style:{fill:e},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),(0,i.jsx)("path",{style:{fill:e},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),(0,i.jsx)("path",{style:{fill:s},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),(0,i.jsx)("path",{style:{fill:s},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),(0,i.jsx)("path",{style:{fill:e},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"})]})})]})},a=(0,t.zo)(l(),{display:"inline-flex",flexDirection:"column",textDecoration:"none",alignItems:"center",padding:"0.5rem 0"}),c=(0,t.zo)("span",{display:"inline-flex",alignItems:"center",justifyContent:"center"});s.Z=e=>{let{children:s,href:n,text:r=["Presentation API"]}=e;return(0,i.jsx)(a,{href:n,target:"_blank",className:"nx-flex-col",children:(0,i.jsxs)(c,{className:"nx-gap-2 nx-h-7 nx-rounded-md nx-px-2 nx-text-left nx-text-sm nx-font-medium nx-text-gray-600 nx-transition-colors dark:nx-text-gray-400 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",children:[(0,i.jsx)(o,{})," ",r.join(" or ")," ↗"]})})}},1028:function(e,s,n){"use strict";n.d(s,{Th:function(){return Q},jG:function(){return es}});var i,r=n(5271),l="colors",t="sizes",o="space",a={gap:o,gridGap:o,columnGap:o,gridColumnGap:o,rowGap:o,gridRowGap:o,inset:o,insetBlock:o,insetBlockEnd:o,insetBlockStart:o,insetInline:o,insetInlineEnd:o,insetInlineStart:o,margin:o,marginTop:o,marginRight:o,marginBottom:o,marginLeft:o,marginBlock:o,marginBlockEnd:o,marginBlockStart:o,marginInline:o,marginInlineEnd:o,marginInlineStart:o,padding:o,paddingTop:o,paddingRight:o,paddingBottom:o,paddingLeft:o,paddingBlock:o,paddingBlockEnd:o,paddingBlockStart:o,paddingInline:o,paddingInlineEnd:o,paddingInlineStart:o,top:o,right:o,bottom:o,left:o,scrollMargin:o,scrollMarginTop:o,scrollMarginRight:o,scrollMarginBottom:o,scrollMarginLeft:o,scrollMarginX:o,scrollMarginY:o,scrollMarginBlock:o,scrollMarginBlockEnd:o,scrollMarginBlockStart:o,scrollMarginInline:o,scrollMarginInlineEnd:o,scrollMarginInlineStart:o,scrollPadding:o,scrollPaddingTop:o,scrollPaddingRight:o,scrollPaddingBottom:o,scrollPaddingLeft:o,scrollPaddingX:o,scrollPaddingY:o,scrollPaddingBlock:o,scrollPaddingBlockEnd:o,scrollPaddingBlockStart:o,scrollPaddingInline:o,scrollPaddingInlineEnd:o,scrollPaddingInlineStart:o,fontSize:"fontSizes",background:l,backgroundColor:l,backgroundImage:l,borderImage:l,border:l,borderBlock:l,borderBlockEnd:l,borderBlockStart:l,borderBottom:l,borderBottomColor:l,borderColor:l,borderInline:l,borderInlineEnd:l,borderInlineStart:l,borderLeft:l,borderLeftColor:l,borderRight:l,borderRightColor:l,borderTop:l,borderTopColor:l,caretColor:l,color:l,columnRuleColor:l,fill:l,outline:l,outlineColor:l,stroke:l,textDecorationColor:l,fontFamily:"fonts",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",blockSize:t,minBlockSize:t,maxBlockSize:t,inlineSize:t,minInlineSize:t,maxInlineSize:t,width:t,minWidth:t,maxWidth:t,height:t,minHeight:t,maxHeight:t,flexBasis:t,gridTemplateColumns:t,gridTemplateRows:t,borderWidth:"borderWidths",borderTopWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderLeftWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",transition:"transitions",zIndex:"zIndices"},c=(e,s)=>"function"==typeof s?{"()":Function.prototype.toString.call(s)}:s,d=()=>{let e=Object.create(null);return(s,n,...i)=>{let r=JSON.stringify(s,c);return r in e?e[r]:e[r]=n(s,...i)}},h=Symbol.for("sxs.internal"),p=(e,s)=>Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)),x=e=>{for(let s in e)return!0;return!1},{hasOwnProperty:k}=Object.prototype,j=e=>e.includes("-")?e:e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase()),y=/\s+(?![^()]*\))/,u=e=>s=>e(..."string"==typeof s?String(s).split(y):[s]),v={appearance:e=>({WebkitAppearance:e,appearance:e}),backfaceVisibility:e=>({WebkitBackfaceVisibility:e,backfaceVisibility:e}),backdropFilter:e=>({WebkitBackdropFilter:e,backdropFilter:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),boxDecorationBreak:e=>({WebkitBoxDecorationBreak:e,boxDecorationBreak:e}),clipPath:e=>({WebkitClipPath:e,clipPath:e}),content:e=>({content:e.includes('"')||e.includes("'")||/^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e)?e:`"${e}"`}),hyphens:e=>({WebkitHyphens:e,hyphens:e}),maskImage:e=>({WebkitMaskImage:e,maskImage:e}),maskSize:e=>({WebkitMaskSize:e,maskSize:e}),tabSize:e=>({MozTabSize:e,tabSize:e}),textSizeAdjust:e=>({WebkitTextSizeAdjust:e,textSizeAdjust:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),marginBlock:u((e,s)=>({marginBlockStart:e,marginBlockEnd:s||e})),marginInline:u((e,s)=>({marginInlineStart:e,marginInlineEnd:s||e})),maxSize:u((e,s)=>({maxBlockSize:e,maxInlineSize:s||e})),minSize:u((e,s)=>({minBlockSize:e,minInlineSize:s||e})),paddingBlock:u((e,s)=>({paddingBlockStart:e,paddingBlockEnd:s||e})),paddingInline:u((e,s)=>({paddingInlineStart:e,paddingInlineEnd:s||e}))},m=/([\d.]+)([^]*)/,g=(e,s)=>e.length?e.reduce((e,n)=>(e.push(...s.map(e=>e.includes("&")?e.replace(/&/g,/[ +>|~]/.test(n)&&/&.*&/.test(e)?`:is(${n})`:n):n+" "+e)),e),[]):s,f=(e,s)=>e in b&&"string"==typeof s?s.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/,(s,n,i,r)=>n+("stretch"===i?`-moz-available${r};${j(e)}:${n}-webkit-fill-available`:`-moz-fit-content${r};${j(e)}:${n}fit-content`)+r):String(s),b={blockSize:1,height:1,inlineSize:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,width:1},w=e=>e?e+"-":"",N=(e,s,n)=>e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g,(e,i,r,l,t)=>"$"==l==!!r?e:(i||"--"==l?"calc(":"")+"var(--"+("$"===l?w(s)+(t.includes("$")?"":w(n))+t.replace(/\$/g,"-"):t)+")"+(i||"--"==l?"*"+(i||"")+(r||"1")+")":"")),S=/\s*,\s*(?![^()]*\))/,I=Object.prototype.toString,M=(e,s,n,i,r)=>{let l,t,o;let a=(e,s,n)=>{let c,d;let h=e=>{var p;for(c in e){let x=64===c.charCodeAt(0);for(d of x&&Array.isArray(e[c])?e[c]:[e[c]]){let e=/[A-Z]/.test(p=c)?p:p.replace(/-[^]/g,e=>e[1].toUpperCase()),k="object"==typeof d&&d&&d.toString===I&&(!i.utils[e]||!s.length);if(e in i.utils&&!k){let s=i.utils[e];if(s!==t){t=s,h(s(d)),t=null;continue}}else if(e in v){let s=v[e];if(s!==o){o=s,h(s(d)),o=null;continue}}if(x&&(c=(c.slice(1) in i.media?"@media "+i.media[c.slice(1)]:c).replace(/\(\s*([\w-]+)\s*(=|<|<=|>|>=)\s*([\w-]+)\s*(?:(<|<=|>|>=)\s*([\w-]+)\s*)?\)/g,(e,s,n,i,r,l)=>{let t=m.test(s),o=.0625*(t?-1:1),[a,c]=t?[i,s]:[s,i];return"("+("="===n[0]?"":">"===n[0]===t?"max-":"min-")+a+":"+("="!==n[0]&&1===n.length?c.replace(m,(e,s,i)=>Number(s)+o*(">"===n?1:-1)+i):c)+(r?") and ("+(">"===r[0]?"min-":"max-")+a+":"+(1===r.length?l.replace(m,(e,s,n)=>Number(s)+o*(">"===r?-1:1)+n):l):"")+")"})),k){let e=x?n.concat(c):[...n],i=x?[...s]:g(s,c.split(S));void 0!==l&&r(B(...l)),l=void 0,a(d,i,e)}else void 0===l&&(l=[[],s,n]),c=x||36!==c.charCodeAt(0)?c:`--${w(i.prefix)}${c.slice(1).replace(/\$/g,"-")}`,d=k?d:"number"==typeof d?d&&e in P?String(d)+"px":String(d):N(f(e,null==d?"":d),i.prefix,i.themeMap[e]),l[0].push(`${x?`${c} `:`${j(c)}:`}${d}`)}}};h(e),void 0!==l&&r(B(...l)),l=void 0};a(e,s,n)},B=(e,s,n)=>`${n.map(e=>`${e}{`).join("")}${s.length?`${s.join(",")}{`:""}${e.join(";")}${s.length?"}":""}${Array(n.length?n.length+1:0).join("}")}`,P={animationDelay:1,animationDuration:1,backgroundSize:1,blockSize:1,border:1,borderBlock:1,borderBlockEnd:1,borderBlockEndWidth:1,borderBlockStart:1,borderBlockStartWidth:1,borderBlockWidth:1,borderBottom:1,borderBottomLeftRadius:1,borderBottomRightRadius:1,borderBottomWidth:1,borderEndEndRadius:1,borderEndStartRadius:1,borderInlineEnd:1,borderInlineEndWidth:1,borderInlineStart:1,borderInlineStartWidth:1,borderInlineWidth:1,borderLeft:1,borderLeftWidth:1,borderRadius:1,borderRight:1,borderRightWidth:1,borderSpacing:1,borderStartEndRadius:1,borderStartStartRadius:1,borderTop:1,borderTopLeftRadius:1,borderTopRightRadius:1,borderTopWidth:1,borderWidth:1,bottom:1,columnGap:1,columnRule:1,columnRuleWidth:1,columnWidth:1,containIntrinsicSize:1,flexBasis:1,fontSize:1,gap:1,gridAutoColumns:1,gridAutoRows:1,gridTemplateColumns:1,gridTemplateRows:1,height:1,inlineSize:1,inset:1,insetBlock:1,insetBlockEnd:1,insetBlockStart:1,insetInline:1,insetInlineEnd:1,insetInlineStart:1,left:1,letterSpacing:1,margin:1,marginBlock:1,marginBlockEnd:1,marginBlockStart:1,marginBottom:1,marginInline:1,marginInlineEnd:1,marginInlineStart:1,marginLeft:1,marginRight:1,marginTop:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,offsetDistance:1,offsetRotate:1,outline:1,outlineOffset:1,outlineWidth:1,overflowClipMargin:1,padding:1,paddingBlock:1,paddingBlockEnd:1,paddingBlockStart:1,paddingBottom:1,paddingInline:1,paddingInlineEnd:1,paddingInlineStart:1,paddingLeft:1,paddingRight:1,paddingTop:1,perspective:1,right:1,rowGap:1,scrollMargin:1,scrollMarginBlock:1,scrollMarginBlockEnd:1,scrollMarginBlockStart:1,scrollMarginBottom:1,scrollMarginInline:1,scrollMarginInlineEnd:1,scrollMarginInlineStart:1,scrollMarginLeft:1,scrollMarginRight:1,scrollMarginTop:1,scrollPadding:1,scrollPaddingBlock:1,scrollPaddingBlockEnd:1,scrollPaddingBlockStart:1,scrollPaddingBottom:1,scrollPaddingInline:1,scrollPaddingInlineEnd:1,scrollPaddingInlineStart:1,scrollPaddingLeft:1,scrollPaddingRight:1,scrollPaddingTop:1,shapeMargin:1,textDecoration:1,textDecorationThickness:1,textIndent:1,textUnderlineOffset:1,top:1,transitionDelay:1,transitionDuration:1,verticalAlign:1,width:1,wordSpacing:1},R=e=>String.fromCharCode(e+(e>25?39:97)),C=e=>(e=>{let s,n="";for(s=Math.abs(e);s>52;s=s/52|0)n=R(s%52)+n;return R(s%52)+n})(((e,s)=>{let n=s.length;for(;n;)e=33*e^s.charCodeAt(--n);return e})(5381,JSON.stringify(e))>>>0),$=["themed","global","styled","onevar","resonevar","allvar","inline"],T=e=>{if(e.href&&!e.href.startsWith(location.origin))return!1;try{return!!e.cssRules}catch(e){return!1}},z=e=>{let s;let n=()=>{let{cssRules:e}=s.sheet;return[].map.call(e,(n,i)=>{let{cssText:r}=n,l="";if(r.startsWith("--sxs"))return"";if(e[i-1]&&(l=e[i-1].cssText).startsWith("--sxs")){if(!n.cssRules.length)return"";for(let e in s.rules)if(s.rules[e].group===n)return`--sxs{--sxs:${[...s.rules[e].cache].join(" ")}}${r}`;return n.cssRules.length?`${l}${r}`:""}return r}).join("")},i=()=>{if(s){let{rules:e,sheet:n}=s;if(!n.deleteRule){for(;3===Object(Object(n.cssRules)[0]).type;)n.cssRules.splice(0,1);n.cssRules=[]}for(let s in e)delete e[s]}for(let r of Object(e).styleSheets||[])if(T(r)){for(let e=0,l=r.cssRules;l[e];++e){let t=Object(l[e]);if(1!==t.type)continue;let o=Object(l[e+1]);if(4!==o.type)continue;++e;let{cssText:a}=t;if(!a.startsWith("--sxs"))continue;let c=a.slice(14,-3).trim().split(/\s+/),d=$[c[0]];d&&(s||(s={sheet:r,reset:i,rules:{},toString:n}),s.rules[d]={group:o,index:e,cache:new Set(c)})}if(s)break}if(!s){let r=(e,s)=>({type:s,cssRules:[],insertRule(e,s){this.cssRules.splice(s,0,r(e,{import:3,undefined:1}[(e.toLowerCase().match(/^@([a-z]+)/)||[])[1]]||4))},get cssText(){return"@media{}"===e?`@media{${[].map.call(this.cssRules,e=>e.cssText).join("")}}`:e}});s={sheet:e?(e.head||e).appendChild(document.createElement("style")).sheet:r("","text/css"),rules:{},reset:i,toString:n}}let{sheet:r,rules:l}=s;for(let e=$.length-1;e>=0;--e){let s=$[e];if(!l[s]){let n=$[e+1],i=l[n]?l[n].index:r.cssRules.length;r.insertRule("@media{}",i),r.insertRule(`--sxs{--sxs:${e}}`,i),l[s]={group:r.cssRules[i+1],index:i,cache:new Set([e])}}E(l[s])}};return i(),s},E=e=>{let s=e.group,n=s.cssRules.length;e.apply=e=>{try{s.insertRule(e,n),++n}catch(e){}}},W=Symbol(),L=d(),A=(e,s)=>L(e,()=>(...n)=>{let i={type:null,composers:new Set};for(let s of n)if(null!=s){if(s[h])for(let e of(null==i.type&&(i.type=s[h].type),s[h].composers))i.composers.add(e);else s.constructor!==Object||s.$$typeof?null==i.type&&(i.type=s):i.composers.add(O(s,e))}return null==i.type&&(i.type="span"),i.composers.size||i.composers.add(["PJLV",{},[],[],{},[]]),F(e,i,s)}),O=({variants:e,compoundVariants:s,defaultVariants:n,...i},r)=>{let l=`${w(r.prefix)}c-${C(i)}`,t=[],o=[],a=Object.create(null),c=[];for(let e in n)a[e]=String(n[e]);if("object"==typeof e&&e)for(let s in e){k.call(a,s)||(a[s]="undefined");let n=e[s];for(let e in n){let i={[s]:String(e)};"undefined"===String(e)&&c.push(s);let r=n[e],l=[i,r,!x(r)];t.push(l)}}if("object"==typeof s&&s)for(let e of s){let{css:s,...n}=e;for(let e in s="object"==typeof s&&s||{},n)n[e]=String(n[e]);let i=[n,s,!x(s)];o.push(i)}return[l,i,t,o,a,c]},F=(e,s,n)=>{let[i,r,l,t]=D(s.composers),o="function"==typeof s.type||s.type.$$typeof?(e=>{function s(){for(let n=0;ns.rules[e]={apply:n=>s[W].push([e,n])}),s})(n):null,a=(o||n).rules,c=`.${i}${r.length>1?`:where(.${r.slice(1).join(".")})`:""}`,d=d=>{let{css:h,...p}=d="object"==typeof d&&d||V,x={};for(let e in l)if(delete p[e],e in d){let s=d[e];"object"==typeof s&&s?x[e]={"@initial":l[e],...s}:(s=String(s),x[e]="undefined"!==s||t.has(e)?s:l[e])}else x[e]=l[e];let k=new Set([...r]);for(let[i,r,l,t]of s.composers){n.rules.styled.cache.has(i)||(n.rules.styled.cache.add(i),M(r,[`.${i}`],[],e,e=>{a.styled.apply(e)}));let s=H(l,x,e.media),o=H(t,x,e.media,!0);for(let r of s)if(void 0!==r)for(let[s,l,t]of r){let r=`${i}-${C(l)}-${s}`;k.add(r);let o=(t?n.rules.resonevar:n.rules.onevar).cache,c=t?a.resonevar:a.onevar;o.has(r)||(o.add(r),M(l,[`.${r}`],[],e,e=>{c.apply(e)}))}for(let s of o)if(void 0!==s)for(let[r,l]of s){let s=`${i}-${C(l)}-${r}`;k.add(s),n.rules.allvar.cache.has(s)||(n.rules.allvar.cache.add(s),M(l,[`.${s}`],[],e,e=>{a.allvar.apply(e)}))}}if("object"==typeof h&&h){let s=`${i}-i${C(h)}-css`;k.add(s),n.rules.inline.cache.has(s)||(n.rules.inline.cache.add(s),M(h,[`.${s}`],[],e,e=>{a.inline.apply(e)}))}for(let e of String(d.className||"").trim().split(/\s+/))e&&k.add(e);let j=p.className=[...k].join(" ");return{type:s.type,className:j,selector:c,props:p,toString:()=>j,deferredInjector:o}};return p(d,{className:i,selector:c,[h]:s,toString:()=>(n.rules.styled.cache.has(i)||d(),i)})},D=e=>{let s="",n=[],i={},r=[];for(let[l,,,,t,o]of e)for(let e in""===s&&(s=l),n.push(l),r.push(...o),t){let s=t[e];(void 0===i[e]||"undefined"!==s||o.includes(s))&&(i[e]=s)}return[s,n,i,new Set(r)]},H=(e,s,n,i)=>{let r=[];e:for(let[l,t,o]of e){if(o)continue;let e,a=0,c=!1;for(e in l){let i=l[e],r=s[e];if(r!==i){if("object"!=typeof r||!r)continue e;{let e,s,l=0;for(let t in r){if(i===String(r[t])){if("@initial"!==t){let e=t.slice(1);(s=s||[]).push(e in n?n[e]:t.replace(/^@media ?/,"")),c=!0}a+=l,e=!0}++l}if(s&&s.length&&(t={["@media "+s.join(", ")]:t}),!e)continue e}}}(r[a]=r[a]||[]).push([i?"cv":`${e}-${l[e]}`,t,c])}return r},V={},_=d(),Z=(e,s)=>_(e,()=>(...n)=>{let i=()=>{for(let i of n){let n=C(i="object"==typeof i&&i||{});if(!s.rules.global.cache.has(n)){if(s.rules.global.cache.add(n),"@import"in i){let e=[].indexOf.call(s.sheet.cssRules,s.rules.themed.group)-1;for(let n of[].concat(i["@import"]))n=n.includes('"')||n.includes("'")?n:`"${n}"`,s.sheet.insertRule(`@import ${n};`,e++);delete i["@import"]}M(i,[],[],e,e=>{s.rules.global.apply(e)})}}return""};return p(i,{toString:i})}),q=d(),G=(e,s)=>q(e,()=>n=>{let i=`${w(e.prefix)}k-${C(n)}`,r=()=>{if(!s.rules.global.cache.has(i)){s.rules.global.cache.add(i);let r=[];M(n,[],[],e,e=>r.push(e));let l=`@keyframes ${i}{${r.join("")}}`;s.rules.global.apply(l)}return i};return p(r,{get name(){return r()},toString:r})}),U=class{constructor(e,s,n,i){this.token=null==e?"":String(e),this.value=null==s?"":String(s),this.scale=null==n?"":String(n),this.prefix=null==i?"":String(i)}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+w(this.prefix)+w(this.scale)+this.token}toString(){return this.computedValue}},K=d(),X=(e,s)=>K(e,()=>(n,i)=>{i="object"==typeof n&&n||Object(i);let r=`.${n=(n="string"==typeof n?n:"")||`${w(e.prefix)}t-${C(i)}`}`,l={},t=[];for(let s in i)for(let n in l[s]={},i[s]){let r=`--${w(e.prefix)}${s}-${n}`,o=N(String(i[s][n]),e.prefix,s);l[s][n]=new U(n,o,s,e.prefix),t.push(`${r}:${o}`)}let o=()=>{if(t.length&&!s.rules.themed.cache.has(n)){s.rules.themed.cache.add(n);let r=`${i===e.theme?":root,":""}.${n}{${t.join(";")}}`;s.rules.themed.apply(r)}return n};return{...l,get className(){return o()},selector:r,toString:o}}),Y=d(),J=d(),Q=e=>{let s=(e=>{let s=!1,n=Y(e,e=>{s=!0;let n="prefix"in(e="object"==typeof e&&e||{})?String(e.prefix):"",i="object"==typeof e.media&&e.media||{},r="object"==typeof e.root?e.root||null:globalThis.document||null,l="object"==typeof e.theme&&e.theme||{},t={prefix:n,media:i,theme:l,themeMap:"object"==typeof e.themeMap&&e.themeMap||{...a},utils:"object"==typeof e.utils&&e.utils||{}},o=z(r),c={css:A(t,o),globalCss:Z(t,o),keyframes:G(t,o),createTheme:X(t,o),reset(){o.reset(),c.theme.toString()},theme:{},sheet:o,config:t,prefix:n,getCssText:o.toString,toString:o.toString};return String(c.theme=c.createTheme(l)),c});return s||n.reset(),n})(e);return s.styled=(({config:e,sheet:s})=>J(e,()=>{let n=A(e,s);return(...e)=>{let s=n(...e),i=s[h].type,l=r.forwardRef((e,n)=>{let l=e&&e.as||i,{props:t,deferredInjector:o}=s(e);return delete t.as,t.ref=n,o?r.createElement(r.Fragment,null,r.createElement(l,t),r.createElement(o,null)):r.createElement(l,t)});return l.className=s.className,l.displayName=`Styled.${i.displayName||i.name||i}`,l.selector=s.selector,l.toString=()=>s.selector,l[h]=s[h],l}}))(s),s},ee=()=>i||(i=Q()),es=(...e)=>ee().createTheme(...e)}},function(e){e.O(0,[585,546,965,580,367,256,634,542,769,888,774,179],function(){return e(e.s=4682)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/docs/slider/demo-38e6c9f65184768e.js b/_next/static/chunks/pages/docs/slider/demo-38e6c9f65184768e.js deleted file mode 100644 index 152479fd..00000000 --- a/_next/static/chunks/pages/docs/slider/demo-38e6c9f65184768e.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[783],{5338:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/slider/demo",function(){return r(59)}])},59:function(e,t,r){"use strict";r.r(t),r.d(t,{__toc:function(){return c}});var i=r(2676),n=r(5384),o=r(826),l=r(7104);r(1952);var a=r(7532),s=r(6931);r(5940),r(3860);var d=r(2686);r(1445),r(8652),r(6248);let c=[{depth:2,value:"Slider",id:"slider"}];function p(e){let t=Object.assign({h2:"h2",p:"p",a:"a",hr:"hr"},(0,a.a)(),e.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.h2,{id:"slider",children:"Slider"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(d.Z,{href:"/docs/slider",text:"Docs",size:"small"}),"\n",(0,i.jsxs)(t.p,{children:["A UI component that renders an item carousel for the contents of a IIIF Collection using ",(0,i.jsx)(t.a,{href:"https://swiperjs.com/",children:"swiper.js"}),"."]}),"\n",(0,i.jsx)(t.hr,{}),"\n",(0,i.jsx)(s.Z,{iiifContent:"https://api.dc.library.northwestern.edu/api/v2/collections/55ff2504-dd53-4943-b2cb-aeea46e77bc3?as=iiif"})]})}let u={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,a.a)(),e.components);return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(p,{...e})}):p(e)},pageOpts:{filePath:"pages/docs/slider/demo.mdx",route:"/docs/slider/demo",timestamp:173257264e4,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Demo",headings:c},pageNextRoute:"/docs/slider/demo",nextraLayout:o.ZP,themeConfig:l.Z};t.default=(0,n.j)(u)},2686:function(e,t,r){"use strict";var i=r(2676),n=r(8158),o=r(5318),l=r.n(o);r(5271);let a=(0,n.zo)(l(),{display:"inline-flex",fontSize:"1.47rem",fontWeight:"400",lineHeight:"1.6",borderRadius:"6px",color:"#fff",background:"linear-gradient(130deg, hsl(var(--nextra-primary-hue), 100%, 45%) 0%, hsl(calc(var(--nextra-primary-hue) + 50deg), 100%, 38.2%) 100%)",padding:"0.75rem 1.5rem",gap:"0.5rem",boxShadow:"-15px 0 30px -15px hsl(var(--nextra-primary-hue) 100% 45%), 0 0 30px -15px hsl(235 100% 38.2%), 15px 0 30px -15px hsl(calc(var(--nextra-primary-hue) + 50deg), 100%, 45%)",textShadow:"-1px -1px 2px hsl(var(--nextra-primary-hue), 100%, 10%, 10%)",transition:"all 200ms ease-in-out","&:hover, &:focus":{boxShadow:"-15px 0 30px -15px hsla(var(--nextra-primary-hue), 100%, 45%, 100%), 0 0 30px -15px hsla(235, 100%, 38.2%, 38.2%), 15px 0 30px -15px hsla(calc(var(--nextra-primary-hue) + 10deg), 100%, 85%, 25%)"},variants:{size:{small:{fontSize:"1rem",padding:"0.25rem .75rem"}}},span:{display:"inline-flex",color:"hsla(var(--nextra-primary-hue), 100%, 75%, 61.8%)"}});t.Z=e=>{let{href:t,size:r,text:n}=e;return(0,i.jsxs)(a,{className:"nx-bg-primary-400/10",href:t,size:r,children:[n," ",(0,i.jsx)("span",{children:"→"})]})}},5940:function(e,t,r){"use strict";var i=r(2676),n=r(4966),o=r(5271),l=r(8158),a=r(9205);let s=(0,l.zo)("div",{margin:"2rem auto 0",input:{padding:"0.75rem 1.25rem"},label:{display:"none",opacity:"0.5",fontFamily:"inherit"}});t.Z=e=>{var t;let{placeholder:r}=e,[l,d]=(0,o.useState)(""),c=(0,a.useRouter)();return(0,i.jsx)(s,{className:"nextra-search nx-relative",children:(0,i.jsxs)(n.fC,{onSubmit:e=>{e.preventDefault(),e.stopPropagation(),c.push({query:{"iiif-content":l}})},children:[(0,i.jsxs)(n.gN,{name:"iiifContent",onChange:e=>{e.preventDefault(),e.stopPropagation(),d(e.target.value)},children:[(0,i.jsx)(n.__,{children:"IIIF Manifest or Collection"}),(0,i.jsx)(n.oT,{placeholder:r,defaultValue:null==c?void 0:null===(t=c.query)||void 0===t?void 0:t["iiif-content"],className:"nx-block nx-w-full nx-appearance-none nx-rounded-lg nx-px-3 nx-py-2 nx-transition-colors nx-text-base nx-leading-tight md:nx-text-sm nx-bg-black/[.05] dark:nx-bg-gray-50/10 focus:nx-bg-white dark:focus:nx-bg-dark placeholder:nx-text-gray-500 dark:placeholder:nx-text-gray-400 contrast-more:nx-border contrast-more:nx-border-current"})]}),(0,i.jsx)(n.k4,{})]})})}},6931:function(e,t,r){"use strict";var i=r(2676),n=r(5271),o=r(6757),l=r(9205);t.Z=e=>{let{iiifContent:t="https://api.dc.library.northwestern.edu/api/v2/works/ad25d4af-8a12-4d8f-a557-79aea012e081?as=iiif",options:r}=e,[a,s]=(0,n.useState)(),{"iiif-content":d}=(0,l.useRouter)().query;return((0,n.useEffect)(()=>{a?s(d):s(t)},[d]),a)?(0,i.jsx)(o.Z,{iiifContent:a,options:r},t):(0,i.jsx)(i.Fragment,{})}},1028:function(e,t,r){"use strict";r.d(t,{Th:function(){return Q},jG:function(){return et}});var i,n=r(5271),o="colors",l="sizes",a="space",s={gap:a,gridGap:a,columnGap:a,gridColumnGap:a,rowGap:a,gridRowGap:a,inset:a,insetBlock:a,insetBlockEnd:a,insetBlockStart:a,insetInline:a,insetInlineEnd:a,insetInlineStart:a,margin:a,marginTop:a,marginRight:a,marginBottom:a,marginLeft:a,marginBlock:a,marginBlockEnd:a,marginBlockStart:a,marginInline:a,marginInlineEnd:a,marginInlineStart:a,padding:a,paddingTop:a,paddingRight:a,paddingBottom:a,paddingLeft:a,paddingBlock:a,paddingBlockEnd:a,paddingBlockStart:a,paddingInline:a,paddingInlineEnd:a,paddingInlineStart:a,top:a,right:a,bottom:a,left:a,scrollMargin:a,scrollMarginTop:a,scrollMarginRight:a,scrollMarginBottom:a,scrollMarginLeft:a,scrollMarginX:a,scrollMarginY:a,scrollMarginBlock:a,scrollMarginBlockEnd:a,scrollMarginBlockStart:a,scrollMarginInline:a,scrollMarginInlineEnd:a,scrollMarginInlineStart:a,scrollPadding:a,scrollPaddingTop:a,scrollPaddingRight:a,scrollPaddingBottom:a,scrollPaddingLeft:a,scrollPaddingX:a,scrollPaddingY:a,scrollPaddingBlock:a,scrollPaddingBlockEnd:a,scrollPaddingBlockStart:a,scrollPaddingInline:a,scrollPaddingInlineEnd:a,scrollPaddingInlineStart:a,fontSize:"fontSizes",background:o,backgroundColor:o,backgroundImage:o,borderImage:o,border:o,borderBlock:o,borderBlockEnd:o,borderBlockStart:o,borderBottom:o,borderBottomColor:o,borderColor:o,borderInline:o,borderInlineEnd:o,borderInlineStart:o,borderLeft:o,borderLeftColor:o,borderRight:o,borderRightColor:o,borderTop:o,borderTopColor:o,caretColor:o,color:o,columnRuleColor:o,fill:o,outline:o,outlineColor:o,stroke:o,textDecorationColor:o,fontFamily:"fonts",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",blockSize:l,minBlockSize:l,maxBlockSize:l,inlineSize:l,minInlineSize:l,maxInlineSize:l,width:l,minWidth:l,maxWidth:l,height:l,minHeight:l,maxHeight:l,flexBasis:l,gridTemplateColumns:l,gridTemplateRows:l,borderWidth:"borderWidths",borderTopWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderLeftWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",transition:"transitions",zIndex:"zIndices"},d=(e,t)=>"function"==typeof t?{"()":Function.prototype.toString.call(t)}:t,c=()=>{let e=Object.create(null);return(t,r,...i)=>{let n=JSON.stringify(t,d);return n in e?e[n]:e[n]=r(t,...i)}},p=Symbol.for("sxs.internal"),u=(e,t)=>Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)),g=e=>{for(let t in e)return!0;return!1},{hasOwnProperty:m}=Object.prototype,h=e=>e.includes("-")?e:e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase()),f=/\s+(?![^()]*\))/,b=e=>t=>e(..."string"==typeof t?String(t).split(f):[t]),x={appearance:e=>({WebkitAppearance:e,appearance:e}),backfaceVisibility:e=>({WebkitBackfaceVisibility:e,backfaceVisibility:e}),backdropFilter:e=>({WebkitBackdropFilter:e,backdropFilter:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),boxDecorationBreak:e=>({WebkitBoxDecorationBreak:e,boxDecorationBreak:e}),clipPath:e=>({WebkitClipPath:e,clipPath:e}),content:e=>({content:e.includes('"')||e.includes("'")||/^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e)?e:`"${e}"`}),hyphens:e=>({WebkitHyphens:e,hyphens:e}),maskImage:e=>({WebkitMaskImage:e,maskImage:e}),maskSize:e=>({WebkitMaskSize:e,maskSize:e}),tabSize:e=>({MozTabSize:e,tabSize:e}),textSizeAdjust:e=>({WebkitTextSizeAdjust:e,textSizeAdjust:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),marginBlock:b((e,t)=>({marginBlockStart:e,marginBlockEnd:t||e})),marginInline:b((e,t)=>({marginInlineStart:e,marginInlineEnd:t||e})),maxSize:b((e,t)=>({maxBlockSize:e,maxInlineSize:t||e})),minSize:b((e,t)=>({minBlockSize:e,minInlineSize:t||e})),paddingBlock:b((e,t)=>({paddingBlockStart:e,paddingBlockEnd:t||e})),paddingInline:b((e,t)=>({paddingInlineStart:e,paddingInlineEnd:t||e}))},S=/([\d.]+)([^]*)/,k=(e,t)=>e.length?e.reduce((e,r)=>(e.push(...t.map(e=>e.includes("&")?e.replace(/&/g,/[ +>|~]/.test(r)&&/&.*&/.test(e)?`:is(${r})`:r):r+" "+e)),e),[]):t,y=(e,t)=>e in I&&"string"==typeof t?t.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/,(t,r,i,n)=>r+("stretch"===i?`-moz-available${n};${h(e)}:${r}-webkit-fill-available`:`-moz-fit-content${n};${h(e)}:${r}fit-content`)+n):String(t),I={blockSize:1,height:1,inlineSize:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,width:1},M=e=>e?e+"-":"",B=(e,t,r)=>e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g,(e,i,n,o,l)=>"$"==o==!!n?e:(i||"--"==o?"calc(":"")+"var(--"+("$"===o?M(t)+(l.includes("$")?"":M(r))+l.replace(/\$/g,"-"):l)+")"+(i||"--"==o?"*"+(i||"")+(n||"1")+")":"")),$=/\s*,\s*(?![^()]*\))/,v=Object.prototype.toString,j=(e,t,r,i,n)=>{let o,l,a;let s=(e,t,r)=>{let d,c;let p=e=>{var u;for(d in e){let g=64===d.charCodeAt(0);for(c of g&&Array.isArray(e[d])?e[d]:[e[d]]){let e=/[A-Z]/.test(u=d)?u:u.replace(/-[^]/g,e=>e[1].toUpperCase()),m="object"==typeof c&&c&&c.toString===v&&(!i.utils[e]||!t.length);if(e in i.utils&&!m){let t=i.utils[e];if(t!==l){l=t,p(t(c)),l=null;continue}}else if(e in x){let t=x[e];if(t!==a){a=t,p(t(c)),a=null;continue}}if(g&&(d=(d.slice(1) in i.media?"@media "+i.media[d.slice(1)]:d).replace(/\(\s*([\w-]+)\s*(=|<|<=|>|>=)\s*([\w-]+)\s*(?:(<|<=|>|>=)\s*([\w-]+)\s*)?\)/g,(e,t,r,i,n,o)=>{let l=S.test(t),a=.0625*(l?-1:1),[s,d]=l?[i,t]:[t,i];return"("+("="===r[0]?"":">"===r[0]===l?"max-":"min-")+s+":"+("="!==r[0]&&1===r.length?d.replace(S,(e,t,i)=>Number(t)+a*(">"===r?1:-1)+i):d)+(n?") and ("+(">"===n[0]?"min-":"max-")+s+":"+(1===n.length?o.replace(S,(e,t,r)=>Number(t)+a*(">"===n?-1:1)+r):o):"")+")"})),m){let e=g?r.concat(d):[...r],i=g?[...t]:k(t,d.split($));void 0!==o&&n(R(...o)),o=void 0,s(c,i,e)}else void 0===o&&(o=[[],t,r]),d=g||36!==d.charCodeAt(0)?d:`--${M(i.prefix)}${d.slice(1).replace(/\$/g,"-")}`,c=m?c:"number"==typeof c?c&&e in w?String(c)+"px":String(c):B(y(e,null==c?"":c),i.prefix,i.themeMap[e]),o[0].push(`${g?`${d} `:`${h(d)}:`}${c}`)}}};p(e),void 0!==o&&n(R(...o)),o=void 0};s(e,t,r)},R=(e,t,r)=>`${r.map(e=>`${e}{`).join("")}${t.length?`${t.join(",")}{`:""}${e.join(";")}${t.length?"}":""}${Array(r.length?r.length+1:0).join("}")}`,w={animationDelay:1,animationDuration:1,backgroundSize:1,blockSize:1,border:1,borderBlock:1,borderBlockEnd:1,borderBlockEndWidth:1,borderBlockStart:1,borderBlockStartWidth:1,borderBlockWidth:1,borderBottom:1,borderBottomLeftRadius:1,borderBottomRightRadius:1,borderBottomWidth:1,borderEndEndRadius:1,borderEndStartRadius:1,borderInlineEnd:1,borderInlineEndWidth:1,borderInlineStart:1,borderInlineStartWidth:1,borderInlineWidth:1,borderLeft:1,borderLeftWidth:1,borderRadius:1,borderRight:1,borderRightWidth:1,borderSpacing:1,borderStartEndRadius:1,borderStartStartRadius:1,borderTop:1,borderTopLeftRadius:1,borderTopRightRadius:1,borderTopWidth:1,borderWidth:1,bottom:1,columnGap:1,columnRule:1,columnRuleWidth:1,columnWidth:1,containIntrinsicSize:1,flexBasis:1,fontSize:1,gap:1,gridAutoColumns:1,gridAutoRows:1,gridTemplateColumns:1,gridTemplateRows:1,height:1,inlineSize:1,inset:1,insetBlock:1,insetBlockEnd:1,insetBlockStart:1,insetInline:1,insetInlineEnd:1,insetInlineStart:1,left:1,letterSpacing:1,margin:1,marginBlock:1,marginBlockEnd:1,marginBlockStart:1,marginBottom:1,marginInline:1,marginInlineEnd:1,marginInlineStart:1,marginLeft:1,marginRight:1,marginTop:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,offsetDistance:1,offsetRotate:1,outline:1,outlineOffset:1,outlineWidth:1,overflowClipMargin:1,padding:1,paddingBlock:1,paddingBlockEnd:1,paddingBlockStart:1,paddingBottom:1,paddingInline:1,paddingInlineEnd:1,paddingInlineStart:1,paddingLeft:1,paddingRight:1,paddingTop:1,perspective:1,right:1,rowGap:1,scrollMargin:1,scrollMarginBlock:1,scrollMarginBlockEnd:1,scrollMarginBlockStart:1,scrollMarginBottom:1,scrollMarginInline:1,scrollMarginInlineEnd:1,scrollMarginInlineStart:1,scrollMarginLeft:1,scrollMarginRight:1,scrollMarginTop:1,scrollPadding:1,scrollPaddingBlock:1,scrollPaddingBlockEnd:1,scrollPaddingBlockStart:1,scrollPaddingBottom:1,scrollPaddingInline:1,scrollPaddingInlineEnd:1,scrollPaddingInlineStart:1,scrollPaddingLeft:1,scrollPaddingRight:1,scrollPaddingTop:1,shapeMargin:1,textDecoration:1,textDecorationThickness:1,textIndent:1,textUnderlineOffset:1,top:1,transitionDelay:1,transitionDuration:1,verticalAlign:1,width:1,wordSpacing:1},P=e=>String.fromCharCode(e+(e>25?39:97)),z=e=>(e=>{let t,r="";for(t=Math.abs(e);t>52;t=t/52|0)r=P(t%52)+r;return P(t%52)+r})(((e,t)=>{let r=t.length;for(;r;)e=33*e^t.charCodeAt(--r);return e})(5381,JSON.stringify(e))>>>0),W=["themed","global","styled","onevar","resonevar","allvar","inline"],E=e=>{if(e.href&&!e.href.startsWith(location.origin))return!1;try{return!!e.cssRules}catch(e){return!1}},C=e=>{let t;let r=()=>{let{cssRules:e}=t.sheet;return[].map.call(e,(r,i)=>{let{cssText:n}=r,o="";if(n.startsWith("--sxs"))return"";if(e[i-1]&&(o=e[i-1].cssText).startsWith("--sxs")){if(!r.cssRules.length)return"";for(let e in t.rules)if(t.rules[e].group===r)return`--sxs{--sxs:${[...t.rules[e].cache].join(" ")}}${n}`;return r.cssRules.length?`${o}${n}`:""}return n}).join("")},i=()=>{if(t){let{rules:e,sheet:r}=t;if(!r.deleteRule){for(;3===Object(Object(r.cssRules)[0]).type;)r.cssRules.splice(0,1);r.cssRules=[]}for(let t in e)delete e[t]}for(let n of Object(e).styleSheets||[])if(E(n)){for(let e=0,o=n.cssRules;o[e];++e){let l=Object(o[e]);if(1!==l.type)continue;let a=Object(o[e+1]);if(4!==a.type)continue;++e;let{cssText:s}=l;if(!s.startsWith("--sxs"))continue;let d=s.slice(14,-3).trim().split(/\s+/),c=W[d[0]];c&&(t||(t={sheet:n,reset:i,rules:{},toString:r}),t.rules[c]={group:a,index:e,cache:new Set(d)})}if(t)break}if(!t){let n=(e,t)=>({type:t,cssRules:[],insertRule(e,t){this.cssRules.splice(t,0,n(e,{import:3,undefined:1}[(e.toLowerCase().match(/^@([a-z]+)/)||[])[1]]||4))},get cssText(){return"@media{}"===e?`@media{${[].map.call(this.cssRules,e=>e.cssText).join("")}}`:e}});t={sheet:e?(e.head||e).appendChild(document.createElement("style")).sheet:n("","text/css"),rules:{},reset:i,toString:r}}let{sheet:n,rules:o}=t;for(let e=W.length-1;e>=0;--e){let t=W[e];if(!o[t]){let r=W[e+1],i=o[r]?o[r].index:n.cssRules.length;n.insertRule("@media{}",i),n.insertRule(`--sxs{--sxs:${e}}`,i),o[t]={group:n.cssRules[i+1],index:i,cache:new Set([e])}}T(o[t])}};return i(),t},T=e=>{let t=e.group,r=t.cssRules.length;e.apply=e=>{try{t.insertRule(e,r),++r}catch(e){}}},O=Symbol(),L=c(),A=(e,t)=>L(e,()=>(...r)=>{let i={type:null,composers:new Set};for(let t of r)if(null!=t){if(t[p])for(let e of(null==i.type&&(i.type=t[p].type),t[p].composers))i.composers.add(e);else t.constructor!==Object||t.$$typeof?null==i.type&&(i.type=t):i.composers.add(N(t,e))}return null==i.type&&(i.type="span"),i.composers.size||i.composers.add(["PJLV",{},[],[],{},[]]),D(e,i,t)}),N=({variants:e,compoundVariants:t,defaultVariants:r,...i},n)=>{let o=`${M(n.prefix)}c-${z(i)}`,l=[],a=[],s=Object.create(null),d=[];for(let e in r)s[e]=String(r[e]);if("object"==typeof e&&e)for(let t in e){m.call(s,t)||(s[t]="undefined");let r=e[t];for(let e in r){let i={[t]:String(e)};"undefined"===String(e)&&d.push(t);let n=r[e],o=[i,n,!g(n)];l.push(o)}}if("object"==typeof t&&t)for(let e of t){let{css:t,...r}=e;for(let e in t="object"==typeof t&&t||{},r)r[e]=String(r[e]);let i=[r,t,!g(t)];a.push(i)}return[o,i,l,a,s,d]},D=(e,t,r)=>{let[i,n,o,l]=F(t.composers),a="function"==typeof t.type||t.type.$$typeof?(e=>{function t(){for(let r=0;rt.rules[e]={apply:r=>t[O].push([e,r])}),t})(r):null,s=(a||r).rules,d=`.${i}${n.length>1?`:where(.${n.slice(1).join(".")})`:""}`,c=c=>{let{css:p,...u}=c="object"==typeof c&&c||H,g={};for(let e in o)if(delete u[e],e in c){let t=c[e];"object"==typeof t&&t?g[e]={"@initial":o[e],...t}:(t=String(t),g[e]="undefined"!==t||l.has(e)?t:o[e])}else g[e]=o[e];let m=new Set([...n]);for(let[i,n,o,l]of t.composers){r.rules.styled.cache.has(i)||(r.rules.styled.cache.add(i),j(n,[`.${i}`],[],e,e=>{s.styled.apply(e)}));let t=_(o,g,e.media),a=_(l,g,e.media,!0);for(let n of t)if(void 0!==n)for(let[t,o,l]of n){let n=`${i}-${z(o)}-${t}`;m.add(n);let a=(l?r.rules.resonevar:r.rules.onevar).cache,d=l?s.resonevar:s.onevar;a.has(n)||(a.add(n),j(o,[`.${n}`],[],e,e=>{d.apply(e)}))}for(let t of a)if(void 0!==t)for(let[n,o]of t){let t=`${i}-${z(o)}-${n}`;m.add(t),r.rules.allvar.cache.has(t)||(r.rules.allvar.cache.add(t),j(o,[`.${t}`],[],e,e=>{s.allvar.apply(e)}))}}if("object"==typeof p&&p){let t=`${i}-i${z(p)}-css`;m.add(t),r.rules.inline.cache.has(t)||(r.rules.inline.cache.add(t),j(p,[`.${t}`],[],e,e=>{s.inline.apply(e)}))}for(let e of String(c.className||"").trim().split(/\s+/))e&&m.add(e);let h=u.className=[...m].join(" ");return{type:t.type,className:h,selector:d,props:u,toString:()=>h,deferredInjector:a}};return u(c,{className:i,selector:d,[p]:t,toString:()=>(r.rules.styled.cache.has(i)||c(),i)})},F=e=>{let t="",r=[],i={},n=[];for(let[o,,,,l,a]of e)for(let e in""===t&&(t=o),r.push(o),n.push(...a),l){let t=l[e];(void 0===i[e]||"undefined"!==t||a.includes(t))&&(i[e]=t)}return[t,r,i,new Set(n)]},_=(e,t,r,i)=>{let n=[];e:for(let[o,l,a]of e){if(a)continue;let e,s=0,d=!1;for(e in o){let i=o[e],n=t[e];if(n!==i){if("object"!=typeof n||!n)continue e;{let e,t,o=0;for(let l in n){if(i===String(n[l])){if("@initial"!==l){let e=l.slice(1);(t=t||[]).push(e in r?r[e]:l.replace(/^@media ?/,"")),d=!0}s+=o,e=!0}++o}if(t&&t.length&&(l={["@media "+t.join(", ")]:l}),!e)continue e}}}(n[s]=n[s]||[]).push([i?"cv":`${e}-${o[e]}`,l,d])}return n},H={},V=c(),Z=(e,t)=>V(e,()=>(...r)=>{let i=()=>{for(let i of r){let r=z(i="object"==typeof i&&i||{});if(!t.rules.global.cache.has(r)){if(t.rules.global.cache.add(r),"@import"in i){let e=[].indexOf.call(t.sheet.cssRules,t.rules.themed.group)-1;for(let r of[].concat(i["@import"]))r=r.includes('"')||r.includes("'")?r:`"${r}"`,t.sheet.insertRule(`@import ${r};`,e++);delete i["@import"]}j(i,[],[],e,e=>{t.rules.global.apply(e)})}}return""};return u(i,{toString:i})}),q=c(),G=(e,t)=>q(e,()=>r=>{let i=`${M(e.prefix)}k-${z(r)}`,n=()=>{if(!t.rules.global.cache.has(i)){t.rules.global.cache.add(i);let n=[];j(r,[],[],e,e=>n.push(e));let o=`@keyframes ${i}{${n.join("")}}`;t.rules.global.apply(o)}return i};return u(n,{get name(){return n()},toString:n})}),X=class{constructor(e,t,r,i){this.token=null==e?"":String(e),this.value=null==t?"":String(t),this.scale=null==r?"":String(r),this.prefix=null==i?"":String(i)}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+M(this.prefix)+M(this.scale)+this.token}toString(){return this.computedValue}},U=c(),J=(e,t)=>U(e,()=>(r,i)=>{i="object"==typeof r&&r||Object(i);let n=`.${r=(r="string"==typeof r?r:"")||`${M(e.prefix)}t-${z(i)}`}`,o={},l=[];for(let t in i)for(let r in o[t]={},i[t]){let n=`--${M(e.prefix)}${t}-${r}`,a=B(String(i[t][r]),e.prefix,t);o[t][r]=new X(r,a,t,e.prefix),l.push(`${n}:${a}`)}let a=()=>{if(l.length&&!t.rules.themed.cache.has(r)){t.rules.themed.cache.add(r);let n=`${i===e.theme?":root,":""}.${r}{${l.join(";")}}`;t.rules.themed.apply(n)}return r};return{...o,get className(){return a()},selector:n,toString:a}}),Y=c(),K=c(),Q=e=>{let t=(e=>{let t=!1,r=Y(e,e=>{t=!0;let r="prefix"in(e="object"==typeof e&&e||{})?String(e.prefix):"",i="object"==typeof e.media&&e.media||{},n="object"==typeof e.root?e.root||null:globalThis.document||null,o="object"==typeof e.theme&&e.theme||{},l={prefix:r,media:i,theme:o,themeMap:"object"==typeof e.themeMap&&e.themeMap||{...s},utils:"object"==typeof e.utils&&e.utils||{}},a=C(n),d={css:A(l,a),globalCss:Z(l,a),keyframes:G(l,a),createTheme:J(l,a),reset(){a.reset(),d.theme.toString()},theme:{},sheet:a,config:l,prefix:r,getCssText:a.toString,toString:a.toString};return String(d.theme=d.createTheme(o)),d});return t||r.reset(),r})(e);return t.styled=(({config:e,sheet:t})=>K(e,()=>{let r=A(e,t);return(...e)=>{let t=r(...e),i=t[p].type,o=n.forwardRef((e,r)=>{let o=e&&e.as||i,{props:l,deferredInjector:a}=t(e);return delete l.as,l.ref=r,a?n.createElement(n.Fragment,null,n.createElement(o,l),n.createElement(a,null)):n.createElement(o,l)});return o.className=t.className,o.displayName=`Styled.${i.displayName||i.name||i}`,o.selector=t.selector,o.toString=()=>t.selector,o[p]=t[p],o}}))(t),t},ee=()=>i||(i=Q()),et=(...e)=>ee().createTheme(...e)}},function(e){e.O(0,[585,546,965,580,367,256,966,634,542,769,888,774,179],function(){return e(e.s=5338)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/docs/slider/demo-eee9f58aa17351bc.js b/_next/static/chunks/pages/docs/slider/demo-eee9f58aa17351bc.js new file mode 100644 index 00000000..c2446340 --- /dev/null +++ b/_next/static/chunks/pages/docs/slider/demo-eee9f58aa17351bc.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[783],{5338:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/slider/demo",function(){return r(59)}])},59:function(e,t,r){"use strict";r.r(t),r.d(t,{__toc:function(){return c}});var i=r(2676),n=r(5384),o=r(826),l=r(7104);r(1952);var a=r(7532),s=r(6931);r(5940),r(3860);var d=r(2686);r(1445),r(8652),r(6248);let c=[{depth:2,value:"Slider",id:"slider"}];function p(e){let t=Object.assign({h2:"h2",p:"p",a:"a",hr:"hr"},(0,a.a)(),e.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.h2,{id:"slider",children:"Slider"}),"\n",(0,i.jsx)("br",{}),"\n",(0,i.jsx)(d.Z,{href:"/docs/slider",text:"Docs",size:"small"}),"\n",(0,i.jsxs)(t.p,{children:["A UI component that renders an item carousel for the contents of a IIIF Collection using ",(0,i.jsx)(t.a,{href:"https://swiperjs.com/",children:"swiper.js"}),"."]}),"\n",(0,i.jsx)(t.hr,{}),"\n",(0,i.jsx)(s.Z,{iiifContent:"https://api.dc.library.northwestern.edu/api/v2/collections/55ff2504-dd53-4943-b2cb-aeea46e77bc3?as=iiif"})]})}let u={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,a.a)(),e.components);return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(p,{...e})}):p(e)},pageOpts:{filePath:"pages/docs/slider/demo.mdx",route:"/docs/slider/demo",timestamp:1732573097e3,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Demo",headings:c},pageNextRoute:"/docs/slider/demo",nextraLayout:o.ZP,themeConfig:l.Z};t.default=(0,n.j)(u)},2686:function(e,t,r){"use strict";var i=r(2676),n=r(8158),o=r(5318),l=r.n(o);r(5271);let a=(0,n.zo)(l(),{display:"inline-flex",fontSize:"1.47rem",fontWeight:"400",lineHeight:"1.6",borderRadius:"6px",color:"#fff",background:"linear-gradient(130deg, hsl(var(--nextra-primary-hue), 100%, 45%) 0%, hsl(calc(var(--nextra-primary-hue) + 50deg), 100%, 38.2%) 100%)",padding:"0.75rem 1.5rem",gap:"0.5rem",boxShadow:"-15px 0 30px -15px hsl(var(--nextra-primary-hue) 100% 45%), 0 0 30px -15px hsl(235 100% 38.2%), 15px 0 30px -15px hsl(calc(var(--nextra-primary-hue) + 50deg), 100%, 45%)",textShadow:"-1px -1px 2px hsl(var(--nextra-primary-hue), 100%, 10%, 10%)",transition:"all 200ms ease-in-out","&:hover, &:focus":{boxShadow:"-15px 0 30px -15px hsla(var(--nextra-primary-hue), 100%, 45%, 100%), 0 0 30px -15px hsla(235, 100%, 38.2%, 38.2%), 15px 0 30px -15px hsla(calc(var(--nextra-primary-hue) + 10deg), 100%, 85%, 25%)"},variants:{size:{small:{fontSize:"1rem",padding:"0.25rem .75rem"}}},span:{display:"inline-flex",color:"hsla(var(--nextra-primary-hue), 100%, 75%, 61.8%)"}});t.Z=e=>{let{href:t,size:r,text:n}=e;return(0,i.jsxs)(a,{className:"nx-bg-primary-400/10",href:t,size:r,children:[n," ",(0,i.jsx)("span",{children:"→"})]})}},5940:function(e,t,r){"use strict";var i=r(2676),n=r(4966),o=r(5271),l=r(8158),a=r(9205);let s=(0,l.zo)("div",{margin:"2rem auto 0",input:{padding:"0.75rem 1.25rem"},label:{display:"none",opacity:"0.5",fontFamily:"inherit"}});t.Z=e=>{var t;let{placeholder:r}=e,[l,d]=(0,o.useState)(""),c=(0,a.useRouter)();return(0,i.jsx)(s,{className:"nextra-search nx-relative",children:(0,i.jsxs)(n.fC,{onSubmit:e=>{e.preventDefault(),e.stopPropagation(),c.push({query:{"iiif-content":l}})},children:[(0,i.jsxs)(n.gN,{name:"iiifContent",onChange:e=>{e.preventDefault(),e.stopPropagation(),d(e.target.value)},children:[(0,i.jsx)(n.__,{children:"IIIF Manifest or Collection"}),(0,i.jsx)(n.oT,{placeholder:r,defaultValue:null==c?void 0:null===(t=c.query)||void 0===t?void 0:t["iiif-content"],className:"nx-block nx-w-full nx-appearance-none nx-rounded-lg nx-px-3 nx-py-2 nx-transition-colors nx-text-base nx-leading-tight md:nx-text-sm nx-bg-black/[.05] dark:nx-bg-gray-50/10 focus:nx-bg-white dark:focus:nx-bg-dark placeholder:nx-text-gray-500 dark:placeholder:nx-text-gray-400 contrast-more:nx-border contrast-more:nx-border-current"})]}),(0,i.jsx)(n.k4,{})]})})}},6931:function(e,t,r){"use strict";var i=r(2676),n=r(5271),o=r(6757),l=r(9205);t.Z=e=>{let{iiifContent:t="https://api.dc.library.northwestern.edu/api/v2/works/ad25d4af-8a12-4d8f-a557-79aea012e081?as=iiif",options:r}=e,[a,s]=(0,n.useState)(),{"iiif-content":d}=(0,l.useRouter)().query;return((0,n.useEffect)(()=>{a?s(d):s(t)},[d]),a)?(0,i.jsx)(o.Z,{iiifContent:a,options:r},t):(0,i.jsx)(i.Fragment,{})}},1028:function(e,t,r){"use strict";r.d(t,{Th:function(){return Q},jG:function(){return et}});var i,n=r(5271),o="colors",l="sizes",a="space",s={gap:a,gridGap:a,columnGap:a,gridColumnGap:a,rowGap:a,gridRowGap:a,inset:a,insetBlock:a,insetBlockEnd:a,insetBlockStart:a,insetInline:a,insetInlineEnd:a,insetInlineStart:a,margin:a,marginTop:a,marginRight:a,marginBottom:a,marginLeft:a,marginBlock:a,marginBlockEnd:a,marginBlockStart:a,marginInline:a,marginInlineEnd:a,marginInlineStart:a,padding:a,paddingTop:a,paddingRight:a,paddingBottom:a,paddingLeft:a,paddingBlock:a,paddingBlockEnd:a,paddingBlockStart:a,paddingInline:a,paddingInlineEnd:a,paddingInlineStart:a,top:a,right:a,bottom:a,left:a,scrollMargin:a,scrollMarginTop:a,scrollMarginRight:a,scrollMarginBottom:a,scrollMarginLeft:a,scrollMarginX:a,scrollMarginY:a,scrollMarginBlock:a,scrollMarginBlockEnd:a,scrollMarginBlockStart:a,scrollMarginInline:a,scrollMarginInlineEnd:a,scrollMarginInlineStart:a,scrollPadding:a,scrollPaddingTop:a,scrollPaddingRight:a,scrollPaddingBottom:a,scrollPaddingLeft:a,scrollPaddingX:a,scrollPaddingY:a,scrollPaddingBlock:a,scrollPaddingBlockEnd:a,scrollPaddingBlockStart:a,scrollPaddingInline:a,scrollPaddingInlineEnd:a,scrollPaddingInlineStart:a,fontSize:"fontSizes",background:o,backgroundColor:o,backgroundImage:o,borderImage:o,border:o,borderBlock:o,borderBlockEnd:o,borderBlockStart:o,borderBottom:o,borderBottomColor:o,borderColor:o,borderInline:o,borderInlineEnd:o,borderInlineStart:o,borderLeft:o,borderLeftColor:o,borderRight:o,borderRightColor:o,borderTop:o,borderTopColor:o,caretColor:o,color:o,columnRuleColor:o,fill:o,outline:o,outlineColor:o,stroke:o,textDecorationColor:o,fontFamily:"fonts",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",blockSize:l,minBlockSize:l,maxBlockSize:l,inlineSize:l,minInlineSize:l,maxInlineSize:l,width:l,minWidth:l,maxWidth:l,height:l,minHeight:l,maxHeight:l,flexBasis:l,gridTemplateColumns:l,gridTemplateRows:l,borderWidth:"borderWidths",borderTopWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderLeftWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",transition:"transitions",zIndex:"zIndices"},d=(e,t)=>"function"==typeof t?{"()":Function.prototype.toString.call(t)}:t,c=()=>{let e=Object.create(null);return(t,r,...i)=>{let n=JSON.stringify(t,d);return n in e?e[n]:e[n]=r(t,...i)}},p=Symbol.for("sxs.internal"),u=(e,t)=>Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)),g=e=>{for(let t in e)return!0;return!1},{hasOwnProperty:m}=Object.prototype,h=e=>e.includes("-")?e:e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase()),f=/\s+(?![^()]*\))/,b=e=>t=>e(..."string"==typeof t?String(t).split(f):[t]),x={appearance:e=>({WebkitAppearance:e,appearance:e}),backfaceVisibility:e=>({WebkitBackfaceVisibility:e,backfaceVisibility:e}),backdropFilter:e=>({WebkitBackdropFilter:e,backdropFilter:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),boxDecorationBreak:e=>({WebkitBoxDecorationBreak:e,boxDecorationBreak:e}),clipPath:e=>({WebkitClipPath:e,clipPath:e}),content:e=>({content:e.includes('"')||e.includes("'")||/^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e)?e:`"${e}"`}),hyphens:e=>({WebkitHyphens:e,hyphens:e}),maskImage:e=>({WebkitMaskImage:e,maskImage:e}),maskSize:e=>({WebkitMaskSize:e,maskSize:e}),tabSize:e=>({MozTabSize:e,tabSize:e}),textSizeAdjust:e=>({WebkitTextSizeAdjust:e,textSizeAdjust:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),marginBlock:b((e,t)=>({marginBlockStart:e,marginBlockEnd:t||e})),marginInline:b((e,t)=>({marginInlineStart:e,marginInlineEnd:t||e})),maxSize:b((e,t)=>({maxBlockSize:e,maxInlineSize:t||e})),minSize:b((e,t)=>({minBlockSize:e,minInlineSize:t||e})),paddingBlock:b((e,t)=>({paddingBlockStart:e,paddingBlockEnd:t||e})),paddingInline:b((e,t)=>({paddingInlineStart:e,paddingInlineEnd:t||e}))},S=/([\d.]+)([^]*)/,k=(e,t)=>e.length?e.reduce((e,r)=>(e.push(...t.map(e=>e.includes("&")?e.replace(/&/g,/[ +>|~]/.test(r)&&/&.*&/.test(e)?`:is(${r})`:r):r+" "+e)),e),[]):t,y=(e,t)=>e in I&&"string"==typeof t?t.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/,(t,r,i,n)=>r+("stretch"===i?`-moz-available${n};${h(e)}:${r}-webkit-fill-available`:`-moz-fit-content${n};${h(e)}:${r}fit-content`)+n):String(t),I={blockSize:1,height:1,inlineSize:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,width:1},M=e=>e?e+"-":"",B=(e,t,r)=>e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g,(e,i,n,o,l)=>"$"==o==!!n?e:(i||"--"==o?"calc(":"")+"var(--"+("$"===o?M(t)+(l.includes("$")?"":M(r))+l.replace(/\$/g,"-"):l)+")"+(i||"--"==o?"*"+(i||"")+(n||"1")+")":"")),$=/\s*,\s*(?![^()]*\))/,v=Object.prototype.toString,j=(e,t,r,i,n)=>{let o,l,a;let s=(e,t,r)=>{let d,c;let p=e=>{var u;for(d in e){let g=64===d.charCodeAt(0);for(c of g&&Array.isArray(e[d])?e[d]:[e[d]]){let e=/[A-Z]/.test(u=d)?u:u.replace(/-[^]/g,e=>e[1].toUpperCase()),m="object"==typeof c&&c&&c.toString===v&&(!i.utils[e]||!t.length);if(e in i.utils&&!m){let t=i.utils[e];if(t!==l){l=t,p(t(c)),l=null;continue}}else if(e in x){let t=x[e];if(t!==a){a=t,p(t(c)),a=null;continue}}if(g&&(d=(d.slice(1) in i.media?"@media "+i.media[d.slice(1)]:d).replace(/\(\s*([\w-]+)\s*(=|<|<=|>|>=)\s*([\w-]+)\s*(?:(<|<=|>|>=)\s*([\w-]+)\s*)?\)/g,(e,t,r,i,n,o)=>{let l=S.test(t),a=.0625*(l?-1:1),[s,d]=l?[i,t]:[t,i];return"("+("="===r[0]?"":">"===r[0]===l?"max-":"min-")+s+":"+("="!==r[0]&&1===r.length?d.replace(S,(e,t,i)=>Number(t)+a*(">"===r?1:-1)+i):d)+(n?") and ("+(">"===n[0]?"min-":"max-")+s+":"+(1===n.length?o.replace(S,(e,t,r)=>Number(t)+a*(">"===n?-1:1)+r):o):"")+")"})),m){let e=g?r.concat(d):[...r],i=g?[...t]:k(t,d.split($));void 0!==o&&n(R(...o)),o=void 0,s(c,i,e)}else void 0===o&&(o=[[],t,r]),d=g||36!==d.charCodeAt(0)?d:`--${M(i.prefix)}${d.slice(1).replace(/\$/g,"-")}`,c=m?c:"number"==typeof c?c&&e in w?String(c)+"px":String(c):B(y(e,null==c?"":c),i.prefix,i.themeMap[e]),o[0].push(`${g?`${d} `:`${h(d)}:`}${c}`)}}};p(e),void 0!==o&&n(R(...o)),o=void 0};s(e,t,r)},R=(e,t,r)=>`${r.map(e=>`${e}{`).join("")}${t.length?`${t.join(",")}{`:""}${e.join(";")}${t.length?"}":""}${Array(r.length?r.length+1:0).join("}")}`,w={animationDelay:1,animationDuration:1,backgroundSize:1,blockSize:1,border:1,borderBlock:1,borderBlockEnd:1,borderBlockEndWidth:1,borderBlockStart:1,borderBlockStartWidth:1,borderBlockWidth:1,borderBottom:1,borderBottomLeftRadius:1,borderBottomRightRadius:1,borderBottomWidth:1,borderEndEndRadius:1,borderEndStartRadius:1,borderInlineEnd:1,borderInlineEndWidth:1,borderInlineStart:1,borderInlineStartWidth:1,borderInlineWidth:1,borderLeft:1,borderLeftWidth:1,borderRadius:1,borderRight:1,borderRightWidth:1,borderSpacing:1,borderStartEndRadius:1,borderStartStartRadius:1,borderTop:1,borderTopLeftRadius:1,borderTopRightRadius:1,borderTopWidth:1,borderWidth:1,bottom:1,columnGap:1,columnRule:1,columnRuleWidth:1,columnWidth:1,containIntrinsicSize:1,flexBasis:1,fontSize:1,gap:1,gridAutoColumns:1,gridAutoRows:1,gridTemplateColumns:1,gridTemplateRows:1,height:1,inlineSize:1,inset:1,insetBlock:1,insetBlockEnd:1,insetBlockStart:1,insetInline:1,insetInlineEnd:1,insetInlineStart:1,left:1,letterSpacing:1,margin:1,marginBlock:1,marginBlockEnd:1,marginBlockStart:1,marginBottom:1,marginInline:1,marginInlineEnd:1,marginInlineStart:1,marginLeft:1,marginRight:1,marginTop:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,offsetDistance:1,offsetRotate:1,outline:1,outlineOffset:1,outlineWidth:1,overflowClipMargin:1,padding:1,paddingBlock:1,paddingBlockEnd:1,paddingBlockStart:1,paddingBottom:1,paddingInline:1,paddingInlineEnd:1,paddingInlineStart:1,paddingLeft:1,paddingRight:1,paddingTop:1,perspective:1,right:1,rowGap:1,scrollMargin:1,scrollMarginBlock:1,scrollMarginBlockEnd:1,scrollMarginBlockStart:1,scrollMarginBottom:1,scrollMarginInline:1,scrollMarginInlineEnd:1,scrollMarginInlineStart:1,scrollMarginLeft:1,scrollMarginRight:1,scrollMarginTop:1,scrollPadding:1,scrollPaddingBlock:1,scrollPaddingBlockEnd:1,scrollPaddingBlockStart:1,scrollPaddingBottom:1,scrollPaddingInline:1,scrollPaddingInlineEnd:1,scrollPaddingInlineStart:1,scrollPaddingLeft:1,scrollPaddingRight:1,scrollPaddingTop:1,shapeMargin:1,textDecoration:1,textDecorationThickness:1,textIndent:1,textUnderlineOffset:1,top:1,transitionDelay:1,transitionDuration:1,verticalAlign:1,width:1,wordSpacing:1},P=e=>String.fromCharCode(e+(e>25?39:97)),z=e=>(e=>{let t,r="";for(t=Math.abs(e);t>52;t=t/52|0)r=P(t%52)+r;return P(t%52)+r})(((e,t)=>{let r=t.length;for(;r;)e=33*e^t.charCodeAt(--r);return e})(5381,JSON.stringify(e))>>>0),W=["themed","global","styled","onevar","resonevar","allvar","inline"],E=e=>{if(e.href&&!e.href.startsWith(location.origin))return!1;try{return!!e.cssRules}catch(e){return!1}},C=e=>{let t;let r=()=>{let{cssRules:e}=t.sheet;return[].map.call(e,(r,i)=>{let{cssText:n}=r,o="";if(n.startsWith("--sxs"))return"";if(e[i-1]&&(o=e[i-1].cssText).startsWith("--sxs")){if(!r.cssRules.length)return"";for(let e in t.rules)if(t.rules[e].group===r)return`--sxs{--sxs:${[...t.rules[e].cache].join(" ")}}${n}`;return r.cssRules.length?`${o}${n}`:""}return n}).join("")},i=()=>{if(t){let{rules:e,sheet:r}=t;if(!r.deleteRule){for(;3===Object(Object(r.cssRules)[0]).type;)r.cssRules.splice(0,1);r.cssRules=[]}for(let t in e)delete e[t]}for(let n of Object(e).styleSheets||[])if(E(n)){for(let e=0,o=n.cssRules;o[e];++e){let l=Object(o[e]);if(1!==l.type)continue;let a=Object(o[e+1]);if(4!==a.type)continue;++e;let{cssText:s}=l;if(!s.startsWith("--sxs"))continue;let d=s.slice(14,-3).trim().split(/\s+/),c=W[d[0]];c&&(t||(t={sheet:n,reset:i,rules:{},toString:r}),t.rules[c]={group:a,index:e,cache:new Set(d)})}if(t)break}if(!t){let n=(e,t)=>({type:t,cssRules:[],insertRule(e,t){this.cssRules.splice(t,0,n(e,{import:3,undefined:1}[(e.toLowerCase().match(/^@([a-z]+)/)||[])[1]]||4))},get cssText(){return"@media{}"===e?`@media{${[].map.call(this.cssRules,e=>e.cssText).join("")}}`:e}});t={sheet:e?(e.head||e).appendChild(document.createElement("style")).sheet:n("","text/css"),rules:{},reset:i,toString:r}}let{sheet:n,rules:o}=t;for(let e=W.length-1;e>=0;--e){let t=W[e];if(!o[t]){let r=W[e+1],i=o[r]?o[r].index:n.cssRules.length;n.insertRule("@media{}",i),n.insertRule(`--sxs{--sxs:${e}}`,i),o[t]={group:n.cssRules[i+1],index:i,cache:new Set([e])}}T(o[t])}};return i(),t},T=e=>{let t=e.group,r=t.cssRules.length;e.apply=e=>{try{t.insertRule(e,r),++r}catch(e){}}},O=Symbol(),L=c(),A=(e,t)=>L(e,()=>(...r)=>{let i={type:null,composers:new Set};for(let t of r)if(null!=t){if(t[p])for(let e of(null==i.type&&(i.type=t[p].type),t[p].composers))i.composers.add(e);else t.constructor!==Object||t.$$typeof?null==i.type&&(i.type=t):i.composers.add(N(t,e))}return null==i.type&&(i.type="span"),i.composers.size||i.composers.add(["PJLV",{},[],[],{},[]]),D(e,i,t)}),N=({variants:e,compoundVariants:t,defaultVariants:r,...i},n)=>{let o=`${M(n.prefix)}c-${z(i)}`,l=[],a=[],s=Object.create(null),d=[];for(let e in r)s[e]=String(r[e]);if("object"==typeof e&&e)for(let t in e){m.call(s,t)||(s[t]="undefined");let r=e[t];for(let e in r){let i={[t]:String(e)};"undefined"===String(e)&&d.push(t);let n=r[e],o=[i,n,!g(n)];l.push(o)}}if("object"==typeof t&&t)for(let e of t){let{css:t,...r}=e;for(let e in t="object"==typeof t&&t||{},r)r[e]=String(r[e]);let i=[r,t,!g(t)];a.push(i)}return[o,i,l,a,s,d]},D=(e,t,r)=>{let[i,n,o,l]=F(t.composers),a="function"==typeof t.type||t.type.$$typeof?(e=>{function t(){for(let r=0;rt.rules[e]={apply:r=>t[O].push([e,r])}),t})(r):null,s=(a||r).rules,d=`.${i}${n.length>1?`:where(.${n.slice(1).join(".")})`:""}`,c=c=>{let{css:p,...u}=c="object"==typeof c&&c||H,g={};for(let e in o)if(delete u[e],e in c){let t=c[e];"object"==typeof t&&t?g[e]={"@initial":o[e],...t}:(t=String(t),g[e]="undefined"!==t||l.has(e)?t:o[e])}else g[e]=o[e];let m=new Set([...n]);for(let[i,n,o,l]of t.composers){r.rules.styled.cache.has(i)||(r.rules.styled.cache.add(i),j(n,[`.${i}`],[],e,e=>{s.styled.apply(e)}));let t=_(o,g,e.media),a=_(l,g,e.media,!0);for(let n of t)if(void 0!==n)for(let[t,o,l]of n){let n=`${i}-${z(o)}-${t}`;m.add(n);let a=(l?r.rules.resonevar:r.rules.onevar).cache,d=l?s.resonevar:s.onevar;a.has(n)||(a.add(n),j(o,[`.${n}`],[],e,e=>{d.apply(e)}))}for(let t of a)if(void 0!==t)for(let[n,o]of t){let t=`${i}-${z(o)}-${n}`;m.add(t),r.rules.allvar.cache.has(t)||(r.rules.allvar.cache.add(t),j(o,[`.${t}`],[],e,e=>{s.allvar.apply(e)}))}}if("object"==typeof p&&p){let t=`${i}-i${z(p)}-css`;m.add(t),r.rules.inline.cache.has(t)||(r.rules.inline.cache.add(t),j(p,[`.${t}`],[],e,e=>{s.inline.apply(e)}))}for(let e of String(c.className||"").trim().split(/\s+/))e&&m.add(e);let h=u.className=[...m].join(" ");return{type:t.type,className:h,selector:d,props:u,toString:()=>h,deferredInjector:a}};return u(c,{className:i,selector:d,[p]:t,toString:()=>(r.rules.styled.cache.has(i)||c(),i)})},F=e=>{let t="",r=[],i={},n=[];for(let[o,,,,l,a]of e)for(let e in""===t&&(t=o),r.push(o),n.push(...a),l){let t=l[e];(void 0===i[e]||"undefined"!==t||a.includes(t))&&(i[e]=t)}return[t,r,i,new Set(n)]},_=(e,t,r,i)=>{let n=[];e:for(let[o,l,a]of e){if(a)continue;let e,s=0,d=!1;for(e in o){let i=o[e],n=t[e];if(n!==i){if("object"!=typeof n||!n)continue e;{let e,t,o=0;for(let l in n){if(i===String(n[l])){if("@initial"!==l){let e=l.slice(1);(t=t||[]).push(e in r?r[e]:l.replace(/^@media ?/,"")),d=!0}s+=o,e=!0}++o}if(t&&t.length&&(l={["@media "+t.join(", ")]:l}),!e)continue e}}}(n[s]=n[s]||[]).push([i?"cv":`${e}-${o[e]}`,l,d])}return n},H={},V=c(),Z=(e,t)=>V(e,()=>(...r)=>{let i=()=>{for(let i of r){let r=z(i="object"==typeof i&&i||{});if(!t.rules.global.cache.has(r)){if(t.rules.global.cache.add(r),"@import"in i){let e=[].indexOf.call(t.sheet.cssRules,t.rules.themed.group)-1;for(let r of[].concat(i["@import"]))r=r.includes('"')||r.includes("'")?r:`"${r}"`,t.sheet.insertRule(`@import ${r};`,e++);delete i["@import"]}j(i,[],[],e,e=>{t.rules.global.apply(e)})}}return""};return u(i,{toString:i})}),q=c(),G=(e,t)=>q(e,()=>r=>{let i=`${M(e.prefix)}k-${z(r)}`,n=()=>{if(!t.rules.global.cache.has(i)){t.rules.global.cache.add(i);let n=[];j(r,[],[],e,e=>n.push(e));let o=`@keyframes ${i}{${n.join("")}}`;t.rules.global.apply(o)}return i};return u(n,{get name(){return n()},toString:n})}),X=class{constructor(e,t,r,i){this.token=null==e?"":String(e),this.value=null==t?"":String(t),this.scale=null==r?"":String(r),this.prefix=null==i?"":String(i)}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+M(this.prefix)+M(this.scale)+this.token}toString(){return this.computedValue}},U=c(),J=(e,t)=>U(e,()=>(r,i)=>{i="object"==typeof r&&r||Object(i);let n=`.${r=(r="string"==typeof r?r:"")||`${M(e.prefix)}t-${z(i)}`}`,o={},l=[];for(let t in i)for(let r in o[t]={},i[t]){let n=`--${M(e.prefix)}${t}-${r}`,a=B(String(i[t][r]),e.prefix,t);o[t][r]=new X(r,a,t,e.prefix),l.push(`${n}:${a}`)}let a=()=>{if(l.length&&!t.rules.themed.cache.has(r)){t.rules.themed.cache.add(r);let n=`${i===e.theme?":root,":""}.${r}{${l.join(";")}}`;t.rules.themed.apply(n)}return r};return{...o,get className(){return a()},selector:n,toString:a}}),Y=c(),K=c(),Q=e=>{let t=(e=>{let t=!1,r=Y(e,e=>{t=!0;let r="prefix"in(e="object"==typeof e&&e||{})?String(e.prefix):"",i="object"==typeof e.media&&e.media||{},n="object"==typeof e.root?e.root||null:globalThis.document||null,o="object"==typeof e.theme&&e.theme||{},l={prefix:r,media:i,theme:o,themeMap:"object"==typeof e.themeMap&&e.themeMap||{...s},utils:"object"==typeof e.utils&&e.utils||{}},a=C(n),d={css:A(l,a),globalCss:Z(l,a),keyframes:G(l,a),createTheme:J(l,a),reset(){a.reset(),d.theme.toString()},theme:{},sheet:a,config:l,prefix:r,getCssText:a.toString,toString:a.toString};return String(d.theme=d.createTheme(o)),d});return t||r.reset(),r})(e);return t.styled=(({config:e,sheet:t})=>K(e,()=>{let r=A(e,t);return(...e)=>{let t=r(...e),i=t[p].type,o=n.forwardRef((e,r)=>{let o=e&&e.as||i,{props:l,deferredInjector:a}=t(e);return delete l.as,l.ref=r,a?n.createElement(n.Fragment,null,n.createElement(o,l),n.createElement(a,null)):n.createElement(o,l)});return o.className=t.className,o.displayName=`Styled.${i.displayName||i.name||i}`,o.selector=t.selector,o.toString=()=>t.selector,o[p]=t[p],o}}))(t),t},ee=()=>i||(i=Q()),et=(...e)=>ee().createTheme(...e)}},function(e){e.O(0,[585,546,965,580,367,256,966,634,542,769,888,774,179],function(){return e(e.s=5338)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/docs/summary-b6ed8639b01ca3d5.js b/_next/static/chunks/pages/docs/summary-71a6c191ca723ab0.js similarity index 53% rename from _next/static/chunks/pages/docs/summary-b6ed8639b01ca3d5.js rename to _next/static/chunks/pages/docs/summary-71a6c191ca723ab0.js index 7f646bbf..650a6132 100644 --- a/_next/static/chunks/pages/docs/summary-b6ed8639b01ca3d5.js +++ b/_next/static/chunks/pages/docs/summary-71a6c191ca723ab0.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[990],{5147:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/summary",function(){return t(1203)}])},1203:function(e,s,t){"use strict";t.r(s),t.d(s,{__toc:function(){return h}});var r=t(2676),n=t(5384),i=t(826),l=t(7104);t(1952);var a=t(7532),o=t(1973),c=t(4384),d=t(3860);let h=[{depth:2,value:"Usage",id:"usage"},{depth:3,value:"React",id:"react"},{depth:2,value:"API Reference",id:"api-reference"},{depth:3,value:"Custom Element",id:"custom-element"},{depth:3,value:"HTML Attributes",id:"html-attributes"},{depth:3,value:"Language",id:"language"}];function p(e){let s=Object.assign({h1:"h1",p:"p",a:"a",pre:"pre",code:"code",span:"span",h2:"h2",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",strong:"strong"},(0,a.a)(),e.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.h1,{children:"Summary"}),"\n",(0,r.jsxs)(s.p,{children:["The Summary component is used to display a short description of the resource. It is a wrapper around the ",(0,r.jsx)(s.a,{href:"https://iiif.io/api/presentation/3.0/#summary",children:"IIIF Presentation API 3.0 summary property"}),". The summary property is a multi-lingual field that can be used to provide a short description of the resource. It is recommended that the summary be less than 250 characters. The summary property is intended to be displayed to the user when the resource is being selected from a list of search results or resources."]}),"\n",(0,r.jsx)(o.Z,{href:"https://iiif.io/api/presentation/3.0/#summary",text:["summary"]}),"\n",(0,r.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,r.jsx)(d.OK,{children:(0,r.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Summary"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"summary"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"In early zannesque comedy, all the female characters were comic, grotesque, and played by men. Zagna, the feminine counterpart to Zanni, is the formal, comic-grotesque exaggeration of the woman. The actors wore female clothing over an exaggerated female body, an effect achieved with the addition of excessive, carnivalesque accessories. The Zagna mask, similar if not identical to the male mask, was worn with a scarf to cover the head."'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(c.ER,{summary:{none:["In early zannesque comedy, all the female characters were comic, grotesque, and played by men. Zagna, the feminine counterpart to Zanni, is the formal, comic-grotesque exaggeration of the woman. The actors wore female clothing over an exaggerated female body, an effect achieved with the addition of excessive, carnivalesque accessories. The Zagna mask, similar if not identical to the male mask, was worn with a scarf to cover the head."]}})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"span"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" In early zannesque comedy, all the female characters were comic,"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" grotesque, and played by men. Zagna, the feminine counterpart to Zanni, is"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" the formal, comic-grotesque exaggeration of the woman. The actors wore"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" female clothing over an exaggerated female body, an effect achieved with"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" the addition of excessive, carnivalesque accessories. The Zagna mask,"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" similar if not identical to the male mask, was worn with a scarf to cover"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" the head."})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,r.jsx)(s.h2,{id:"usage",children:"Usage"}),"\n",(0,r.jsx)(s.h3,{id:"react",children:"React"}),"\n",(0,r.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { Summary } "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/primitives"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:" "}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"CustomSummary"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ({ summary }) "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Summary"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"summary"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{summary} />;"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:" "}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" CustomSummary;"})]})]})}),"\n",(0,r.jsx)(s.h2,{id:"api-reference",children:"API Reference"}),"\n",(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{children:"Prop"}),(0,r.jsx)(s.th,{children:"Type"}),(0,r.jsx)(s.th,{children:"Default"}),(0,r.jsx)(s.th,{children:"Required"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"as"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"span"}),", ",(0,r.jsx)(s.code,{children:"h1"}),", ",(0,r.jsx)(s.code,{children:"h2"}),", ",(0,r.jsx)(s.code,{children:"h3"}),", ",(0,r.jsx)(s.code,{children:"h4"}),", ",(0,r.jsx)(s.code,{children:"h5"}),", ",(0,r.jsx)(s.code,{children:"h6"}),", ",(0,r.jsx)(s.code,{children:"p"})]}),(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"span"})}),(0,r.jsx)(s.td,{children:"--"})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"summary"})}),(0,r.jsx)(s.td,{children:(0,r.jsx)(s.a,{href:"https://iiif.io/api/presentation/3.0/#summary",children:"summary"})}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:(0,r.jsx)(s.strong,{children:"Yes"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"className"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"string"}),", ",(0,r.jsx)(s.code,{children:"undefined"})]}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:"--"})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"style"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"CSSProperties"}),", ",(0,r.jsx)(s.code,{children:"undefined"})]}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:"--"})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"lang"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"string"}),", ",(0,r.jsx)(s.code,{children:"undefined"})]}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:"--"})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"title"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"string"}),", ",(0,r.jsx)(s.code,{children:"undefined"})]}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:"--"})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"data-*"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"string"}),", ",(0,r.jsx)(s.code,{children:"undefined"})]}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:"--"})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"aria-*"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"AriaAttributes"}),", ",(0,r.jsx)(s.code,{children:"undefined"})]}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:"--"})]})]})]}),"\n",(0,r.jsx)(s.h3,{id:"custom-element",children:"Custom Element"}),"\n",(0,r.jsxs)(s.p,{children:["The ",(0,r.jsx)(s.code,{children:"Summary"})," component can be rendered as ",(0,r.jsx)(s.code,{children:" span"}),", ",(0,r.jsx)(s.code,{children:"h1"}),", ",(0,r.jsx)(s.code,{children:"h2"}),", ",(0,r.jsx)(s.code,{children:"h3"}),", ",(0,r.jsx)(s.code,{children:"h4"}),", ",(0,r.jsx)(s.code,{children:"h5"}),", ",(0,r.jsx)(s.code,{children:"h6"}),", or ",(0,r.jsx)(s.code,{children:"p"}),". The default is ",(0,r.jsx)(s.code,{children:"span"}),"."]}),"\n",(0,r.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,r.jsx)(d.OK,{children:(0,r.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Summary"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"summary"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'Interview with Michelle Childs, professor with the Retail, Hospitality, and Tourism Management department of UT. Childs discusses the effects of the wildfire on the businesses in Gatlinburg primarily over an extended time frame. She talks about the preparedness of businesses with contacting employees during the fire and in terms of insurance coverage. She also elaborates on the initial return of tourists to the area, and the steady recovery of the area. This is a representative quote from the interview: \"What was really interesting because likely its such a small, tightknit community that those personal stories were really intertwined with the business stories.\"'"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"as"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"p"'})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(c.ER,{summary:{en:['Interview with Michelle Childs, professor with the Retail, Hospitality, and Tourism Management department of UT. Childs discusses the effects of the wildfire on the businesses in Gatlinburg primarily over an extended time frame. She talks about the preparedness of businesses with contacting employees during the fire and in terms of insurance coverage. She also elaborates on the initial return of tourists to the area, and the steady recovery of the area. This is a representative quote from the interview: "What was really interesting because likely its such a small, tightknit community that those personal stories were really intertwined with the business stories."']},as:"p"})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"p"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Interview with Michelle Childs, professor with the Retail, Hospitality,"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" and Tourism Management department of UT. Childs discusses the effects of"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" the wildfire on the businesses in Gatlinburg primarily over an extended"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" time frame. She talks about the preparedness of businesses with contacting"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" employees during the fire and in terms of insurance coverage. She also"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" elaborates on the initial return of tourists to the area, and the steady"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" recovery of the area. This is a representative quote from the interview:"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:' "What was really interesting because likely its such a small, tightknit'})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" community that those personal stories were really intertwined with the"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:' business stories."'})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,r.jsx)(s.h3,{id:"html-attributes",children:"HTML Attributes"}),"\n",(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.code,{children:"Summary"}),", like all Clover IIIF primitives accept common ",(0,r.jsx)(s.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement",children:"HTMLElement"})," attributes. Use the JSX style ",(0,r.jsx)(s.code,{children:"className"})," prop to add custom classes. The same attribute methodology can be used for ",(0,r.jsx)(s.code,{children:"id"}),", ",(0,r.jsx)(s.code,{children:"style"}),", ",(0,r.jsx)(s.code,{children:"title"}),", ",(0,r.jsx)(s.code,{children:"data-*"}),", and ",(0,r.jsx)(s.code,{children:"aria-*"})," props."]}),"\n",(0,r.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,r.jsx)(d.OK,{children:(0,r.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Summary"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"summary"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Robin Goodfellow playing a horn that ends in a dragon-head in front of a Berkeley Folk Music Festival sign. Digital scan of a black and white negative."'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"style"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{ fontStyle"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"italic"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" opacity"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"0.8"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(c.ER,{summary:{none:["Robin Goodfellow playing a horn that ends in a dragon-head in front of a Berkeley Folk Music Festival sign. Digital scan of a black and white negative."]},style:{fontStyle:"italic",opacity:.8}})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"span"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"style"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"font-style: italic; opacity: 0.8;"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Robin Goodfellow playing a horn that ends in a dragon-head in front of a"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Berkeley Folk Music Festival sign. Digital scan of a black and white"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" negative."})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,r.jsx)(s.h3,{id:"language",children:"Language"}),"\n",(0,r.jsxs)(s.p,{children:["Additional to being rendered to the DOM like other attributes, the value of ",(0,r.jsx)(s.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/lang",children:(0,r.jsx)(s.code,{children:"lang"})})," will couple with ",(0,r.jsx)(s.a,{href:"https://github.com/IIIF-Commons/presentation-3-types/blob/main/iiif/descriptive.d.ts#L6-L8",children:"InternationalString"})," props to output the denoted ",(0,r.jsx)(s.code,{children:"label"}),", ",(0,r.jsx)(s.code,{children:"value"}),", ",(0,r.jsx)(s.code,{children:"summary"})," entries. If ",(0,r.jsx)(s.code,{children:"lang"})," is undefined, entries will default to the first entry in the array index. The value of ",(0,r.jsx)(s.code,{children:"lang"})," should be a two letter ",(0,r.jsx)(s.a,{href:"https://datatracker.ietf.org/doc/html/rfc5646",children:"BCP 47"})," language code."]}),"\n",(0,r.jsxs)(s.p,{children:["In this example we will render Arabic entries from the ",(0,r.jsx)(s.code,{children:"summary"})," prop. The ",(0,r.jsx)(s.code,{children:"lang"})," prop will be set to ",(0,r.jsx)(s.code,{children:"ar"})," and ",(0,r.jsx)(s.code,{children:"dir"})," will be set to ",(0,r.jsx)(s.code,{children:"rtl"})," for right-to-left reading."]}),"\n",(0,r.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,r.jsx)(d.OK,{children:(0,r.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Summary"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"summary"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"The Messenger of God, may God bless him and grant him peace, if the son of a sultan is free, he will not die until he is king, if he is a slave, he will write it down on a tablet and drink once and bathe once and hang one on the road until he returns safe and sound."'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ar"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"رسول الله صلى اعلي إن كان ولد سلطان يكون بحرمة الخاتم لا يموت حتى يكون ملك, إن كان عبد يكون الحر, من يمشي الى سفر كتبه في لوح و شرب واحد و غسل واحد و علق واحد لايرا مصيبة الطريق حتى يرجع سالما غانما, من كتبه ولحد"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"as"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"p"'})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"dir"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"rtl"'})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"ar"'})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(c.ER,{summary:{en:["The Messenger of God, may God bless him and grant him peace, if the son of a sultan is free, he will not die until he is king, if he is a slave, he will write it down on a tablet and drink once and bathe once and hang one on the road until he returns safe and sound."],ar:["رسول الله صلى اعلي إن كان ولد سلطان يكون بحرمة الخاتم لا يموت حتى يكون ملك, إن كان عبد يكون الحر, من يمشي الى سفر كتبه في لوح و شرب واحد و غسل واحد و علق واحد لايرا مصيبة الطريق حتى يرجع سالما غانما, من كتبه ولحد"]},as:"p",dir:"rtl",lang:"ar"})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"p"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"dir"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"rtl"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"ar"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" رسول الله صلى اعلي إن كان ولد سلطان يكون بحرمة الخاتم لا يموت حتى يكون"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ملك, إن كان عبد يكون الحر, من يمشي الى سفر كتبه في لوح و شرب واحد و غسل"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" واحد و علق واحد لايرا مصيبة الطريق حتى يرجع سالما غانما, من كتبه ولحد"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]})]})}let x={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:s}=Object.assign({},(0,a.a)(),e.components);return s?(0,r.jsx)(s,{...e,children:(0,r.jsx)(p,{...e})}):p(e)},pageOpts:{filePath:"pages/docs/summary.mdx",route:"/docs/summary",frontMatter:{title:"Summary"},timestamp:173257264e4,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Summary",headings:h},pageNextRoute:"/docs/summary",nextraLayout:i.ZP,themeConfig:l.Z};s.default=(0,n.j)(x)},1973:function(e,s,t){"use strict";var r=t(2676),n=t(5318),i=t.n(n);t(5271);var l=t(8158);let a=()=>{let e="#ed1d33",s="#2873ab";return(0,r.jsxs)("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1",style:{height:"1rem"},children:[(0,r.jsx)("title",{children:"IIIF Logo"}),(0,r.jsx)("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)",children:(0,r.jsxs)("g",{transform:"scale(0.1)",children:[(0,r.jsx)("path",{style:{fill:s},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),(0,r.jsx)("path",{style:{fill:s},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),(0,r.jsx)("path",{style:{fill:e},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),(0,r.jsx)("path",{style:{fill:e},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),(0,r.jsx)("path",{style:{fill:s},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),(0,r.jsx)("path",{style:{fill:s},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),(0,r.jsx)("path",{style:{fill:e},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"})]})})]})},o=(0,l.zo)(i(),{display:"inline-flex",flexDirection:"column",textDecoration:"none",alignItems:"center",padding:"0.5rem 0"}),c=(0,l.zo)("span",{display:"inline-flex",alignItems:"center",justifyContent:"center"});s.Z=e=>{let{children:s,href:t,text:n=["Presentation API"]}=e;return(0,r.jsx)(o,{href:t,target:"_blank",className:"nx-flex-col",children:(0,r.jsxs)(c,{className:"nx-gap-2 nx-h-7 nx-rounded-md nx-px-2 nx-text-left nx-text-sm nx-font-medium nx-text-gray-600 nx-transition-colors dark:nx-text-gray-400 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",children:[(0,r.jsx)(a,{})," ",n.join(" or ")," ↗"]})})}},8158:function(e,s,t){"use strict";t.d(s,{BC:function(){return n},F4:function(){return a},zo:function(){return i}});var r=t(1028);let n={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:i,css:l,keyframes:a,createTheme:o}=(0,r.Th)({theme:{colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"hsl(".concat(209," 100% 38.2%)"),accentMuted:"hsl(".concat(209," 80% 61.8%)"),accentAlt:"hsl(".concat(209," 80% 30%)"),secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},media:n})},7104:function(e,s,t){"use strict";t.d(s,{Z:function(){return m}});var r=t(2676),n=t(2936),i=t.n(n),l=t(5271);let a={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},o=["Scroll"];var c=e=>{let{title:s}=e;return o.includes(s)?(0,r.jsxs)("span",{children:[s,(0,r.jsx)("span",{style:a,children:"Beta"})]}):(0,r.jsx)("span",{children:s})},d=t(826),h=t(9205);let p="Clover IIIF",x="Showcase IIIF Manifests as interoperable web content.";var m={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),s=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(p):"".concat(p," – ").concat(x),t=e.frontMatter.description?e.frontMatter.description:x,{route:r}=(0,h.useRouter)(),n=(0,l.useMemo)(()=>new URL(r.endsWith("/")?r:"".concat(r,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[r]);return{defaultTitle:"".concat(p," - ").concat(x),title:s,description:t,canonical:n,openGraph:{url:n,title:s,siteName:"".concat(p," - ").concat(x),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,r.jsx)(()=>(0,r.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,r.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,r.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,r.jsx)(i(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,r.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){},1028:function(e,s,t){"use strict";t.d(s,{Th:function(){return Y},jG:function(){return es}});var r,n=t(5271),i="colors",l="sizes",a="space",o={gap:a,gridGap:a,columnGap:a,gridColumnGap:a,rowGap:a,gridRowGap:a,inset:a,insetBlock:a,insetBlockEnd:a,insetBlockStart:a,insetInline:a,insetInlineEnd:a,insetInlineStart:a,margin:a,marginTop:a,marginRight:a,marginBottom:a,marginLeft:a,marginBlock:a,marginBlockEnd:a,marginBlockStart:a,marginInline:a,marginInlineEnd:a,marginInlineStart:a,padding:a,paddingTop:a,paddingRight:a,paddingBottom:a,paddingLeft:a,paddingBlock:a,paddingBlockEnd:a,paddingBlockStart:a,paddingInline:a,paddingInlineEnd:a,paddingInlineStart:a,top:a,right:a,bottom:a,left:a,scrollMargin:a,scrollMarginTop:a,scrollMarginRight:a,scrollMarginBottom:a,scrollMarginLeft:a,scrollMarginX:a,scrollMarginY:a,scrollMarginBlock:a,scrollMarginBlockEnd:a,scrollMarginBlockStart:a,scrollMarginInline:a,scrollMarginInlineEnd:a,scrollMarginInlineStart:a,scrollPadding:a,scrollPaddingTop:a,scrollPaddingRight:a,scrollPaddingBottom:a,scrollPaddingLeft:a,scrollPaddingX:a,scrollPaddingY:a,scrollPaddingBlock:a,scrollPaddingBlockEnd:a,scrollPaddingBlockStart:a,scrollPaddingInline:a,scrollPaddingInlineEnd:a,scrollPaddingInlineStart:a,fontSize:"fontSizes",background:i,backgroundColor:i,backgroundImage:i,borderImage:i,border:i,borderBlock:i,borderBlockEnd:i,borderBlockStart:i,borderBottom:i,borderBottomColor:i,borderColor:i,borderInline:i,borderInlineEnd:i,borderInlineStart:i,borderLeft:i,borderLeftColor:i,borderRight:i,borderRightColor:i,borderTop:i,borderTopColor:i,caretColor:i,color:i,columnRuleColor:i,fill:i,outline:i,outlineColor:i,stroke:i,textDecorationColor:i,fontFamily:"fonts",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",blockSize:l,minBlockSize:l,maxBlockSize:l,inlineSize:l,minInlineSize:l,maxInlineSize:l,width:l,minWidth:l,maxWidth:l,height:l,minHeight:l,maxHeight:l,flexBasis:l,gridTemplateColumns:l,gridTemplateRows:l,borderWidth:"borderWidths",borderTopWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderLeftWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",transition:"transitions",zIndex:"zIndices"},c=(e,s)=>"function"==typeof s?{"()":Function.prototype.toString.call(s)}:s,d=()=>{let e=Object.create(null);return(s,t,...r)=>{let n=JSON.stringify(s,c);return n in e?e[n]:e[n]=t(s,...r)}},h=Symbol.for("sxs.internal"),p=(e,s)=>Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)),x=e=>{for(let s in e)return!0;return!1},{hasOwnProperty:m}=Object.prototype,u=e=>e.includes("-")?e:e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase()),j=/\s+(?![^()]*\))/,g=e=>s=>e(..."string"==typeof s?String(s).split(j):[s]),k={appearance:e=>({WebkitAppearance:e,appearance:e}),backfaceVisibility:e=>({WebkitBackfaceVisibility:e,backfaceVisibility:e}),backdropFilter:e=>({WebkitBackdropFilter:e,backdropFilter:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),boxDecorationBreak:e=>({WebkitBoxDecorationBreak:e,boxDecorationBreak:e}),clipPath:e=>({WebkitClipPath:e,clipPath:e}),content:e=>({content:e.includes('"')||e.includes("'")||/^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e)?e:`"${e}"`}),hyphens:e=>({WebkitHyphens:e,hyphens:e}),maskImage:e=>({WebkitMaskImage:e,maskImage:e}),maskSize:e=>({WebkitMaskSize:e,maskSize:e}),tabSize:e=>({MozTabSize:e,tabSize:e}),textSizeAdjust:e=>({WebkitTextSizeAdjust:e,textSizeAdjust:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),marginBlock:g((e,s)=>({marginBlockStart:e,marginBlockEnd:s||e})),marginInline:g((e,s)=>({marginInlineStart:e,marginInlineEnd:s||e})),maxSize:g((e,s)=>({maxBlockSize:e,maxInlineSize:s||e})),minSize:g((e,s)=>({minBlockSize:e,minInlineSize:s||e})),paddingBlock:g((e,s)=>({paddingBlockStart:e,paddingBlockEnd:s||e})),paddingInline:g((e,s)=>({paddingInlineStart:e,paddingInlineEnd:s||e}))},y=/([\d.]+)([^]*)/,f=(e,s)=>e.length?e.reduce((e,t)=>(e.push(...s.map(e=>e.includes("&")?e.replace(/&/g,/[ +>|~]/.test(t)&&/&.*&/.test(e)?`:is(${t})`:t):t+" "+e)),e),[]):s,v=(e,s)=>e in b&&"string"==typeof s?s.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/,(s,t,r,n)=>t+("stretch"===r?`-moz-available${n};${u(e)}:${t}-webkit-fill-available`:`-moz-fit-content${n};${u(e)}:${t}fit-content`)+n):String(s),b={blockSize:1,height:1,inlineSize:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,width:1},w=e=>e?e+"-":"",S=(e,s,t)=>e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g,(e,r,n,i,l)=>"$"==i==!!n?e:(r||"--"==i?"calc(":"")+"var(--"+("$"===i?w(s)+(l.includes("$")?"":w(t))+l.replace(/\$/g,"-"):l)+")"+(r||"--"==i?"*"+(r||"")+(n||"1")+")":"")),I=/\s*,\s*(?![^()]*\))/,M=Object.prototype.toString,N=(e,s,t,r,n)=>{let i,l,a;let o=(e,s,t)=>{let c,d;let h=e=>{var p;for(c in e){let x=64===c.charCodeAt(0);for(d of x&&Array.isArray(e[c])?e[c]:[e[c]]){let e=/[A-Z]/.test(p=c)?p:p.replace(/-[^]/g,e=>e[1].toUpperCase()),m="object"==typeof d&&d&&d.toString===M&&(!r.utils[e]||!s.length);if(e in r.utils&&!m){let s=r.utils[e];if(s!==l){l=s,h(s(d)),l=null;continue}}else if(e in k){let s=k[e];if(s!==a){a=s,h(s(d)),a=null;continue}}if(x&&(c=(c.slice(1) in r.media?"@media "+r.media[c.slice(1)]:c).replace(/\(\s*([\w-]+)\s*(=|<|<=|>|>=)\s*([\w-]+)\s*(?:(<|<=|>|>=)\s*([\w-]+)\s*)?\)/g,(e,s,t,r,n,i)=>{let l=y.test(s),a=.0625*(l?-1:1),[o,c]=l?[r,s]:[s,r];return"("+("="===t[0]?"":">"===t[0]===l?"max-":"min-")+o+":"+("="!==t[0]&&1===t.length?c.replace(y,(e,s,r)=>Number(s)+a*(">"===t?1:-1)+r):c)+(n?") and ("+(">"===n[0]?"min-":"max-")+o+":"+(1===n.length?i.replace(y,(e,s,t)=>Number(s)+a*(">"===n?-1:1)+t):i):"")+")"})),m){let e=x?t.concat(c):[...t],r=x?[...s]:f(s,c.split(I));void 0!==i&&n(B(...i)),i=void 0,o(d,r,e)}else void 0===i&&(i=[[],s,t]),c=x||36!==c.charCodeAt(0)?c:`--${w(r.prefix)}${c.slice(1).replace(/\$/g,"-")}`,d=m?d:"number"==typeof d?d&&e in R?String(d)+"px":String(d):S(v(e,null==d?"":d),r.prefix,r.themeMap[e]),i[0].push(`${x?`${c} `:`${u(c)}:`}${d}`)}}};h(e),void 0!==i&&n(B(...i)),i=void 0};o(e,s,t)},B=(e,s,t)=>`${t.map(e=>`${e}{`).join("")}${s.length?`${s.join(",")}{`:""}${e.join(";")}${s.length?"}":""}${Array(t.length?t.length+1:0).join("}")}`,R={animationDelay:1,animationDuration:1,backgroundSize:1,blockSize:1,border:1,borderBlock:1,borderBlockEnd:1,borderBlockEndWidth:1,borderBlockStart:1,borderBlockStartWidth:1,borderBlockWidth:1,borderBottom:1,borderBottomLeftRadius:1,borderBottomRightRadius:1,borderBottomWidth:1,borderEndEndRadius:1,borderEndStartRadius:1,borderInlineEnd:1,borderInlineEndWidth:1,borderInlineStart:1,borderInlineStartWidth:1,borderInlineWidth:1,borderLeft:1,borderLeftWidth:1,borderRadius:1,borderRight:1,borderRightWidth:1,borderSpacing:1,borderStartEndRadius:1,borderStartStartRadius:1,borderTop:1,borderTopLeftRadius:1,borderTopRightRadius:1,borderTopWidth:1,borderWidth:1,bottom:1,columnGap:1,columnRule:1,columnRuleWidth:1,columnWidth:1,containIntrinsicSize:1,flexBasis:1,fontSize:1,gap:1,gridAutoColumns:1,gridAutoRows:1,gridTemplateColumns:1,gridTemplateRows:1,height:1,inlineSize:1,inset:1,insetBlock:1,insetBlockEnd:1,insetBlockStart:1,insetInline:1,insetInlineEnd:1,insetInlineStart:1,left:1,letterSpacing:1,margin:1,marginBlock:1,marginBlockEnd:1,marginBlockStart:1,marginBottom:1,marginInline:1,marginInlineEnd:1,marginInlineStart:1,marginLeft:1,marginRight:1,marginTop:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,offsetDistance:1,offsetRotate:1,outline:1,outlineOffset:1,outlineWidth:1,overflowClipMargin:1,padding:1,paddingBlock:1,paddingBlockEnd:1,paddingBlockStart:1,paddingBottom:1,paddingInline:1,paddingInlineEnd:1,paddingInlineStart:1,paddingLeft:1,paddingRight:1,paddingTop:1,perspective:1,right:1,rowGap:1,scrollMargin:1,scrollMarginBlock:1,scrollMarginBlockEnd:1,scrollMarginBlockStart:1,scrollMarginBottom:1,scrollMarginInline:1,scrollMarginInlineEnd:1,scrollMarginInlineStart:1,scrollMarginLeft:1,scrollMarginRight:1,scrollMarginTop:1,scrollPadding:1,scrollPaddingBlock:1,scrollPaddingBlockEnd:1,scrollPaddingBlockStart:1,scrollPaddingBottom:1,scrollPaddingInline:1,scrollPaddingInlineEnd:1,scrollPaddingInlineStart:1,scrollPaddingLeft:1,scrollPaddingRight:1,scrollPaddingTop:1,shapeMargin:1,textDecoration:1,textDecorationThickness:1,textIndent:1,textUnderlineOffset:1,top:1,transitionDelay:1,transitionDuration:1,verticalAlign:1,width:1,wordSpacing:1},T=e=>String.fromCharCode(e+(e>25?39:97)),P=e=>(e=>{let s,t="";for(s=Math.abs(e);s>52;s=s/52|0)t=T(s%52)+t;return T(s%52)+t})(((e,s)=>{let t=s.length;for(;t;)e=33*e^s.charCodeAt(--t);return e})(5381,JSON.stringify(e))>>>0),$=["themed","global","styled","onevar","resonevar","allvar","inline"],C=e=>{if(e.href&&!e.href.startsWith(location.origin))return!1;try{return!!e.cssRules}catch(e){return!1}},z=e=>{let s;let t=()=>{let{cssRules:e}=s.sheet;return[].map.call(e,(t,r)=>{let{cssText:n}=t,i="";if(n.startsWith("--sxs"))return"";if(e[r-1]&&(i=e[r-1].cssText).startsWith("--sxs")){if(!t.cssRules.length)return"";for(let e in s.rules)if(s.rules[e].group===t)return`--sxs{--sxs:${[...s.rules[e].cache].join(" ")}}${n}`;return t.cssRules.length?`${i}${n}`:""}return n}).join("")},r=()=>{if(s){let{rules:e,sheet:t}=s;if(!t.deleteRule){for(;3===Object(Object(t.cssRules)[0]).type;)t.cssRules.splice(0,1);t.cssRules=[]}for(let s in e)delete e[s]}for(let n of Object(e).styleSheets||[])if(C(n)){for(let e=0,i=n.cssRules;i[e];++e){let l=Object(i[e]);if(1!==l.type)continue;let a=Object(i[e+1]);if(4!==a.type)continue;++e;let{cssText:o}=l;if(!o.startsWith("--sxs"))continue;let c=o.slice(14,-3).trim().split(/\s+/),d=$[c[0]];d&&(s||(s={sheet:n,reset:r,rules:{},toString:t}),s.rules[d]={group:a,index:e,cache:new Set(c)})}if(s)break}if(!s){let n=(e,s)=>({type:s,cssRules:[],insertRule(e,s){this.cssRules.splice(s,0,n(e,{import:3,undefined:1}[(e.toLowerCase().match(/^@([a-z]+)/)||[])[1]]||4))},get cssText(){return"@media{}"===e?`@media{${[].map.call(this.cssRules,e=>e.cssText).join("")}}`:e}});s={sheet:e?(e.head||e).appendChild(document.createElement("style")).sheet:n("","text/css"),rules:{},reset:r,toString:t}}let{sheet:n,rules:i}=s;for(let e=$.length-1;e>=0;--e){let s=$[e];if(!i[s]){let t=$[e+1],r=i[t]?i[t].index:n.cssRules.length;n.insertRule("@media{}",r),n.insertRule(`--sxs{--sxs:${e}}`,r),i[s]={group:n.cssRules[r+1],index:r,cache:new Set([e])}}E(i[s])}};return r(),s},E=e=>{let s=e.group,t=s.cssRules.length;e.apply=e=>{try{s.insertRule(e,t),++t}catch(e){}}},W=Symbol(),L=d(),O=(e,s)=>L(e,()=>(...t)=>{let r={type:null,composers:new Set};for(let s of t)if(null!=s){if(s[h])for(let e of(null==r.type&&(r.type=s[h].type),s[h].composers))r.composers.add(e);else s.constructor!==Object||s.$$typeof?null==r.type&&(r.type=s):r.composers.add(A(s,e))}return null==r.type&&(r.type="span"),r.composers.size||r.composers.add(["PJLV",{},[],[],{},[]]),F(e,r,s)}),A=({variants:e,compoundVariants:s,defaultVariants:t,...r},n)=>{let i=`${w(n.prefix)}c-${P(r)}`,l=[],a=[],o=Object.create(null),c=[];for(let e in t)o[e]=String(t[e]);if("object"==typeof e&&e)for(let s in e){m.call(o,s)||(o[s]="undefined");let t=e[s];for(let e in t){let r={[s]:String(e)};"undefined"===String(e)&&c.push(s);let n=t[e],i=[r,n,!x(n)];l.push(i)}}if("object"==typeof s&&s)for(let e of s){let{css:s,...t}=e;for(let e in s="object"==typeof s&&s||{},t)t[e]=String(t[e]);let r=[t,s,!x(s)];a.push(r)}return[i,r,l,a,o,c]},F=(e,s,t)=>{let[r,n,i,l]=Z(s.composers),a="function"==typeof s.type||s.type.$$typeof?(e=>{function s(){for(let t=0;ts.rules[e]={apply:t=>s[W].push([e,t])}),s})(t):null,o=(a||t).rules,c=`.${r}${n.length>1?`:where(.${n.slice(1).join(".")})`:""}`,d=d=>{let{css:h,...p}=d="object"==typeof d&&d||H,x={};for(let e in i)if(delete p[e],e in d){let s=d[e];"object"==typeof s&&s?x[e]={"@initial":i[e],...s}:(s=String(s),x[e]="undefined"!==s||l.has(e)?s:i[e])}else x[e]=i[e];let m=new Set([...n]);for(let[r,n,i,l]of s.composers){t.rules.styled.cache.has(r)||(t.rules.styled.cache.add(r),N(n,[`.${r}`],[],e,e=>{o.styled.apply(e)}));let s=D(i,x,e.media),a=D(l,x,e.media,!0);for(let n of s)if(void 0!==n)for(let[s,i,l]of n){let n=`${r}-${P(i)}-${s}`;m.add(n);let a=(l?t.rules.resonevar:t.rules.onevar).cache,c=l?o.resonevar:o.onevar;a.has(n)||(a.add(n),N(i,[`.${n}`],[],e,e=>{c.apply(e)}))}for(let s of a)if(void 0!==s)for(let[n,i]of s){let s=`${r}-${P(i)}-${n}`;m.add(s),t.rules.allvar.cache.has(s)||(t.rules.allvar.cache.add(s),N(i,[`.${s}`],[],e,e=>{o.allvar.apply(e)}))}}if("object"==typeof h&&h){let s=`${r}-i${P(h)}-css`;m.add(s),t.rules.inline.cache.has(s)||(t.rules.inline.cache.add(s),N(h,[`.${s}`],[],e,e=>{o.inline.apply(e)}))}for(let e of String(d.className||"").trim().split(/\s+/))e&&m.add(e);let u=p.className=[...m].join(" ");return{type:s.type,className:u,selector:c,props:p,toString:()=>u,deferredInjector:a}};return p(d,{className:r,selector:c,[h]:s,toString:()=>(t.rules.styled.cache.has(r)||d(),r)})},Z=e=>{let s="",t=[],r={},n=[];for(let[i,,,,l,a]of e)for(let e in""===s&&(s=i),t.push(i),n.push(...a),l){let s=l[e];(void 0===r[e]||"undefined"!==s||a.includes(s))&&(r[e]=s)}return[s,t,r,new Set(n)]},D=(e,s,t,r)=>{let n=[];e:for(let[i,l,a]of e){if(a)continue;let e,o=0,c=!1;for(e in i){let r=i[e],n=s[e];if(n!==r){if("object"!=typeof n||!n)continue e;{let e,s,i=0;for(let l in n){if(r===String(n[l])){if("@initial"!==l){let e=l.slice(1);(s=s||[]).push(e in t?t[e]:l.replace(/^@media ?/,"")),c=!0}o+=i,e=!0}++i}if(s&&s.length&&(l={["@media "+s.join(", ")]:l}),!e)continue e}}}(n[o]=n[o]||[]).push([r?"cv":`${e}-${i[e]}`,l,c])}return n},H={},q=d(),V=(e,s)=>q(e,()=>(...t)=>{let r=()=>{for(let r of t){let t=P(r="object"==typeof r&&r||{});if(!s.rules.global.cache.has(t)){if(s.rules.global.cache.add(t),"@import"in r){let e=[].indexOf.call(s.sheet.cssRules,s.rules.themed.group)-1;for(let t of[].concat(r["@import"]))t=t.includes('"')||t.includes("'")?t:`"${t}"`,s.sheet.insertRule(`@import ${t};`,e++);delete r["@import"]}N(r,[],[],e,e=>{s.rules.global.apply(e)})}}return""};return p(r,{toString:r})}),G=d(),_=(e,s)=>G(e,()=>t=>{let r=`${w(e.prefix)}k-${P(t)}`,n=()=>{if(!s.rules.global.cache.has(r)){s.rules.global.cache.add(r);let n=[];N(t,[],[],e,e=>n.push(e));let i=`@keyframes ${r}{${n.join("")}}`;s.rules.global.apply(i)}return r};return p(n,{get name(){return n()},toString:n})}),K=class{constructor(e,s,t,r){this.token=null==e?"":String(e),this.value=null==s?"":String(s),this.scale=null==t?"":String(t),this.prefix=null==r?"":String(r)}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+w(this.prefix)+w(this.scale)+this.token}toString(){return this.computedValue}},U=d(),J=(e,s)=>U(e,()=>(t,r)=>{r="object"==typeof t&&t||Object(r);let n=`.${t=(t="string"==typeof t?t:"")||`${w(e.prefix)}t-${P(r)}`}`,i={},l=[];for(let s in r)for(let t in i[s]={},r[s]){let n=`--${w(e.prefix)}${s}-${t}`,a=S(String(r[s][t]),e.prefix,s);i[s][t]=new K(t,a,s,e.prefix),l.push(`${n}:${a}`)}let a=()=>{if(l.length&&!s.rules.themed.cache.has(t)){s.rules.themed.cache.add(t);let n=`${r===e.theme?":root,":""}.${t}{${l.join(";")}}`;s.rules.themed.apply(n)}return t};return{...i,get className(){return a()},selector:n,toString:a}}),X=d(),Q=d(),Y=e=>{let s=(e=>{let s=!1,t=X(e,e=>{s=!0;let t="prefix"in(e="object"==typeof e&&e||{})?String(e.prefix):"",r="object"==typeof e.media&&e.media||{},n="object"==typeof e.root?e.root||null:globalThis.document||null,i="object"==typeof e.theme&&e.theme||{},l={prefix:t,media:r,theme:i,themeMap:"object"==typeof e.themeMap&&e.themeMap||{...o},utils:"object"==typeof e.utils&&e.utils||{}},a=z(n),c={css:O(l,a),globalCss:V(l,a),keyframes:_(l,a),createTheme:J(l,a),reset(){a.reset(),c.theme.toString()},theme:{},sheet:a,config:l,prefix:t,getCssText:a.toString,toString:a.toString};return String(c.theme=c.createTheme(i)),c});return s||t.reset(),t})(e);return s.styled=(({config:e,sheet:s})=>Q(e,()=>{let t=O(e,s);return(...e)=>{let s=t(...e),r=s[h].type,i=n.forwardRef((e,t)=>{let i=e&&e.as||r,{props:l,deferredInjector:a}=s(e);return delete l.as,l.ref=t,a?n.createElement(n.Fragment,null,n.createElement(i,l),n.createElement(a,null)):n.createElement(i,l)});return i.className=s.className,i.displayName=`Styled.${r.displayName||r.name||r}`,i.selector=s.selector,i.toString=()=>s.selector,i[h]=s[h],i}}))(s),s},ee=()=>r||(r=Y()),es=(...e)=>ee().createTheme(...e)}},function(e){e.O(0,[585,546,965,580,542,888,774,179],function(){return e(e.s=5147)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[990],{5147:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/summary",function(){return t(1203)}])},1203:function(e,s,t){"use strict";t.r(s),t.d(s,{__toc:function(){return h}});var r=t(2676),n=t(5384),i=t(826),l=t(7104);t(1952);var a=t(7532),o=t(1973),c=t(4384),d=t(3860);let h=[{depth:2,value:"Usage",id:"usage"},{depth:3,value:"React",id:"react"},{depth:2,value:"API Reference",id:"api-reference"},{depth:3,value:"Custom Element",id:"custom-element"},{depth:3,value:"HTML Attributes",id:"html-attributes"},{depth:3,value:"Language",id:"language"}];function p(e){let s=Object.assign({h1:"h1",p:"p",a:"a",pre:"pre",code:"code",span:"span",h2:"h2",h3:"h3",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",strong:"strong"},(0,a.a)(),e.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.h1,{children:"Summary"}),"\n",(0,r.jsxs)(s.p,{children:["The Summary component is used to display a short description of the resource. It is a wrapper around the ",(0,r.jsx)(s.a,{href:"https://iiif.io/api/presentation/3.0/#summary",children:"IIIF Presentation API 3.0 summary property"}),". The summary property is a multi-lingual field that can be used to provide a short description of the resource. It is recommended that the summary be less than 250 characters. The summary property is intended to be displayed to the user when the resource is being selected from a list of search results or resources."]}),"\n",(0,r.jsx)(o.Z,{href:"https://iiif.io/api/presentation/3.0/#summary",text:["summary"]}),"\n",(0,r.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,r.jsx)(d.OK,{children:(0,r.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Summary"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"summary"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"In early zannesque comedy, all the female characters were comic, grotesque, and played by men. Zagna, the feminine counterpart to Zanni, is the formal, comic-grotesque exaggeration of the woman. The actors wore female clothing over an exaggerated female body, an effect achieved with the addition of excessive, carnivalesque accessories. The Zagna mask, similar if not identical to the male mask, was worn with a scarf to cover the head."'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(c.ER,{summary:{none:["In early zannesque comedy, all the female characters were comic, grotesque, and played by men. Zagna, the feminine counterpart to Zanni, is the formal, comic-grotesque exaggeration of the woman. The actors wore female clothing over an exaggerated female body, an effect achieved with the addition of excessive, carnivalesque accessories. The Zagna mask, similar if not identical to the male mask, was worn with a scarf to cover the head."]}})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"span"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" In early zannesque comedy, all the female characters were comic,"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" grotesque, and played by men. Zagna, the feminine counterpart to Zanni, is"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" the formal, comic-grotesque exaggeration of the woman. The actors wore"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" female clothing over an exaggerated female body, an effect achieved with"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" the addition of excessive, carnivalesque accessories. The Zagna mask,"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" similar if not identical to the male mask, was worn with a scarf to cover"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" the head."})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,r.jsx)(s.h2,{id:"usage",children:"Usage"}),"\n",(0,r.jsx)(s.h3,{id:"react",children:"React"}),"\n",(0,r.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { Summary } "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/primitives"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:" "}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"CustomSummary"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ({ summary }) "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Summary"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"summary"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{summary} />;"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:" "}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" CustomSummary;"})]})]})}),"\n",(0,r.jsx)(s.h2,{id:"api-reference",children:"API Reference"}),"\n",(0,r.jsxs)(s.table,{children:[(0,r.jsx)(s.thead,{children:(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.th,{children:"Prop"}),(0,r.jsx)(s.th,{children:"Type"}),(0,r.jsx)(s.th,{children:"Default"}),(0,r.jsx)(s.th,{children:"Required"})]})}),(0,r.jsxs)(s.tbody,{children:[(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"as"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"span"}),", ",(0,r.jsx)(s.code,{children:"h1"}),", ",(0,r.jsx)(s.code,{children:"h2"}),", ",(0,r.jsx)(s.code,{children:"h3"}),", ",(0,r.jsx)(s.code,{children:"h4"}),", ",(0,r.jsx)(s.code,{children:"h5"}),", ",(0,r.jsx)(s.code,{children:"h6"}),", ",(0,r.jsx)(s.code,{children:"p"})]}),(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"span"})}),(0,r.jsx)(s.td,{children:"--"})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"summary"})}),(0,r.jsx)(s.td,{children:(0,r.jsx)(s.a,{href:"https://iiif.io/api/presentation/3.0/#summary",children:"summary"})}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:(0,r.jsx)(s.strong,{children:"Yes"})})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"className"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"string"}),", ",(0,r.jsx)(s.code,{children:"undefined"})]}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:"--"})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"style"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"CSSProperties"}),", ",(0,r.jsx)(s.code,{children:"undefined"})]}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:"--"})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"lang"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"string"}),", ",(0,r.jsx)(s.code,{children:"undefined"})]}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:"--"})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"title"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"string"}),", ",(0,r.jsx)(s.code,{children:"undefined"})]}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:"--"})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"data-*"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"string"}),", ",(0,r.jsx)(s.code,{children:"undefined"})]}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:"--"})]}),(0,r.jsxs)(s.tr,{children:[(0,r.jsx)(s.td,{children:(0,r.jsx)(s.code,{children:"aria-*"})}),(0,r.jsxs)(s.td,{children:[(0,r.jsx)(s.code,{children:"AriaAttributes"}),", ",(0,r.jsx)(s.code,{children:"undefined"})]}),(0,r.jsx)(s.td,{children:"--"}),(0,r.jsx)(s.td,{children:"--"})]})]})]}),"\n",(0,r.jsx)(s.h3,{id:"custom-element",children:"Custom Element"}),"\n",(0,r.jsxs)(s.p,{children:["The ",(0,r.jsx)(s.code,{children:"Summary"})," component can be rendered as ",(0,r.jsx)(s.code,{children:" span"}),", ",(0,r.jsx)(s.code,{children:"h1"}),", ",(0,r.jsx)(s.code,{children:"h2"}),", ",(0,r.jsx)(s.code,{children:"h3"}),", ",(0,r.jsx)(s.code,{children:"h4"}),", ",(0,r.jsx)(s.code,{children:"h5"}),", ",(0,r.jsx)(s.code,{children:"h6"}),", or ",(0,r.jsx)(s.code,{children:"p"}),". The default is ",(0,r.jsx)(s.code,{children:"span"}),"."]}),"\n",(0,r.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,r.jsx)(d.OK,{children:(0,r.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Summary"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"summary"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'Interview with Michelle Childs, professor with the Retail, Hospitality, and Tourism Management department of UT. Childs discusses the effects of the wildfire on the businesses in Gatlinburg primarily over an extended time frame. She talks about the preparedness of businesses with contacting employees during the fire and in terms of insurance coverage. She also elaborates on the initial return of tourists to the area, and the steady recovery of the area. This is a representative quote from the interview: \"What was really interesting because likely its such a small, tightknit community that those personal stories were really intertwined with the business stories.\"'"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"as"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"p"'})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(c.ER,{summary:{en:['Interview with Michelle Childs, professor with the Retail, Hospitality, and Tourism Management department of UT. Childs discusses the effects of the wildfire on the businesses in Gatlinburg primarily over an extended time frame. She talks about the preparedness of businesses with contacting employees during the fire and in terms of insurance coverage. She also elaborates on the initial return of tourists to the area, and the steady recovery of the area. This is a representative quote from the interview: "What was really interesting because likely its such a small, tightknit community that those personal stories were really intertwined with the business stories."']},as:"p"})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"p"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Interview with Michelle Childs, professor with the Retail, Hospitality,"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" and Tourism Management department of UT. Childs discusses the effects of"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" the wildfire on the businesses in Gatlinburg primarily over an extended"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" time frame. She talks about the preparedness of businesses with contacting"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" employees during the fire and in terms of insurance coverage. She also"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" elaborates on the initial return of tourists to the area, and the steady"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" recovery of the area. This is a representative quote from the interview:"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:' "What was really interesting because likely its such a small, tightknit'})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" community that those personal stories were really intertwined with the"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:' business stories."'})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,r.jsx)(s.h3,{id:"html-attributes",children:"HTML Attributes"}),"\n",(0,r.jsxs)(s.p,{children:[(0,r.jsx)(s.code,{children:"Summary"}),", like all Clover IIIF primitives accept common ",(0,r.jsx)(s.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement",children:"HTMLElement"})," attributes. Use the JSX style ",(0,r.jsx)(s.code,{children:"className"})," prop to add custom classes. The same attribute methodology can be used for ",(0,r.jsx)(s.code,{children:"id"}),", ",(0,r.jsx)(s.code,{children:"style"}),", ",(0,r.jsx)(s.code,{children:"title"}),", ",(0,r.jsx)(s.code,{children:"data-*"}),", and ",(0,r.jsx)(s.code,{children:"aria-*"})," props."]}),"\n",(0,r.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,r.jsx)(d.OK,{children:(0,r.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Summary"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"summary"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" none"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Robin Goodfellow playing a horn that ends in a dragon-head in front of a Berkeley Folk Music Festival sign. Digital scan of a black and white negative."'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"style"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{ fontStyle"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"italic"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" opacity"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"0.8"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(c.ER,{summary:{none:["Robin Goodfellow playing a horn that ends in a dragon-head in front of a Berkeley Folk Music Festival sign. Digital scan of a black and white negative."]},style:{fontStyle:"italic",opacity:.8}})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"span"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"style"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"font-style: italic; opacity: 0.8;"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Robin Goodfellow playing a horn that ends in a dragon-head in front of a"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" Berkeley Folk Music Festival sign. Digital scan of a black and white"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" negative."})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]}),"\n",(0,r.jsx)(s.h3,{id:"language",children:"Language"}),"\n",(0,r.jsxs)(s.p,{children:["Additional to being rendered to the DOM like other attributes, the value of ",(0,r.jsx)(s.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/lang",children:(0,r.jsx)(s.code,{children:"lang"})})," will couple with ",(0,r.jsx)(s.a,{href:"https://github.com/IIIF-Commons/presentation-3-types/blob/main/iiif/descriptive.d.ts#L6-L8",children:"InternationalString"})," props to output the denoted ",(0,r.jsx)(s.code,{children:"label"}),", ",(0,r.jsx)(s.code,{children:"value"}),", ",(0,r.jsx)(s.code,{children:"summary"})," entries. If ",(0,r.jsx)(s.code,{children:"lang"})," is undefined, entries will default to the first entry in the array index. The value of ",(0,r.jsx)(s.code,{children:"lang"})," should be a two letter ",(0,r.jsx)(s.a,{href:"https://datatracker.ietf.org/doc/html/rfc5646",children:"BCP 47"})," language code."]}),"\n",(0,r.jsxs)(s.p,{children:["In this example we will render Arabic entries from the ",(0,r.jsx)(s.code,{children:"summary"})," prop. The ",(0,r.jsx)(s.code,{children:"lang"})," prop will be set to ",(0,r.jsx)(s.code,{children:"ar"})," and ",(0,r.jsx)(s.code,{children:"dir"})," will be set to ",(0,r.jsx)(s.code,{children:"rtl"})," for right-to-left reading."]}),"\n",(0,r.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,r.jsx)(d.OK,{children:(0,r.jsx)(s.pre,{"data-language":"jsx","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"jsx","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Summary"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"summary"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{{"})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" en"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"The Messenger of God, may God bless him and grant him peace, if the son of a sultan is free, he will not die until he is king, if he is a slave, he will write it down on a tablet and drink once and bathe once and hang one on the road until he returns safe and sound."'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ar"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ["})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"رسول الله صلى اعلي إن كان ولد سلطان يكون بحرمة الخاتم لا يموت حتى يكون ملك, إن كان عبد يكون الحر, من يمشي الى سفر كتبه في لوح و شرب واحد و غسل واحد و علق واحد لايرا مصيبة الطريق حتى يرجع سالما غانما, من كتبه ولحد"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ]"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" }}"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"as"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"p"'})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"dir"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"rtl"'})]}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"ar"'})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(c.ER,{summary:{en:["The Messenger of God, may God bless him and grant him peace, if the son of a sultan is free, he will not die until he is king, if he is a slave, he will write it down on a tablet and drink once and bathe once and hang one on the road until he returns safe and sound."],ar:["رسول الله صلى اعلي إن كان ولد سلطان يكون بحرمة الخاتم لا يموت حتى يكون ملك, إن كان عبد يكون الحر, من يمشي الى سفر كتبه في لوح و شرب واحد و غسل واحد و علق واحد لايرا مصيبة الطريق حتى يرجع سالما غانما, من كتبه ولحد"]},as:"p",dir:"rtl",lang:"ar"})}),(0,r.jsx)(d.OK,{children:(0,r.jsx)(s.pre,{"data-language":"html","data-theme":"default",children:(0,r.jsxs)(s.code,{"data-language":"html","data-theme":"default",children:[(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"p"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"dir"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"rtl"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"lang"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"ar"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-PJLV"'}),(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" رسول الله صلى اعلي إن كان ولد سلطان يكون بحرمة الخاتم لا يموت حتى يكون"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ملك, إن كان عبد يكون الحر, من يمشي الى سفر كتبه في لوح و شرب واحد و غسل"})}),"\n",(0,r.jsx)(s.span,{className:"line",children:(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" واحد و علق واحد لايرا مصيبة الطريق حتى يرجع سالما غانما, من كتبه ولحد"})}),"\n",(0,r.jsxs)(s.span,{className:"line",children:[(0,r.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})})]})]})}let x={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:s}=Object.assign({},(0,a.a)(),e.components);return s?(0,r.jsx)(s,{...e,children:(0,r.jsx)(p,{...e})}):p(e)},pageOpts:{filePath:"pages/docs/summary.mdx",route:"/docs/summary",frontMatter:{title:"Summary"},timestamp:1732573097e3,pageMap:[{kind:"Meta",data:{index:{type:"page",title:"Clover IIIF",display:"hidden",theme:{layout:"raw"}},docs:{title:"Documentation",type:"page"},contact:{title:"IIIF Presentation API ↗",type:"page",href:"https://iiif.io/api/presentation",newWindow:!0}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{index:"Overview",composing:"Composing","--components":{type:"separator",title:"IIIF Components"},image:"Image",scroll:{title:"Scroll",type:"doc"},slider:"Slider",viewer:"Viewer","--primitives":{type:"separator",title:"IIIF Primitives"},homepage:"Homepage",label:"Label",metadata:"Metadata",partOf:"PartOf",rendering:"Rendering",requiredStatement:"RequiredStatement",seeAlso:"SeeAlso",summary:"Summary",thumbnail:"Thumbnail","--contribute":{type:"separator",title:"Contribute"},i18n:"i18n"}},{kind:"MdxPage",name:"composing",route:"/docs/composing",frontMatter:{title:"Getting Started"}},{kind:"MdxPage",name:"homepage",route:"/docs/homepage",frontMatter:{title:"Homepage"}},{kind:"MdxPage",name:"i18n",route:"/docs/i18n",frontMatter:{title:"i18n"}},{kind:"MdxPage",name:"image",route:"/docs/image",frontMatter:{title:"Image"}},{kind:"MdxPage",name:"index",route:"/docs",frontMatter:{title:"Docs"}},{kind:"MdxPage",name:"label",route:"/docs/label",frontMatter:{title:"Label"}},{kind:"MdxPage",name:"metadata",route:"/docs/metadata",frontMatter:{title:"Metadata"}},{kind:"MdxPage",name:"partOf",route:"/docs/partOf",frontMatter:{title:"PartOf"}},{kind:"MdxPage",name:"rendering",route:"/docs/rendering",frontMatter:{title:"Rendering"}},{kind:"MdxPage",name:"requiredStatement",route:"/docs/requiredStatement",frontMatter:{title:"RequiredStatement"}},{kind:"Folder",name:"scroll",route:"/docs/scroll",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/scroll/demo"}]},{kind:"MdxPage",name:"scroll",route:"/docs/scroll",frontMatter:{title:"Scroll"}},{kind:"MdxPage",name:"seeAlso",route:"/docs/seeAlso",frontMatter:{title:"SeeAlso"}},{kind:"Folder",name:"slider",route:"/docs/slider",children:[{kind:"Meta",data:{demo:{title:"Demo",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"demo",route:"/docs/slider/demo"}]},{kind:"MdxPage",name:"slider",route:"/docs/slider",frontMatter:{title:"Slider"}},{kind:"MdxPage",name:"summary",route:"/docs/summary",frontMatter:{title:"Summary"}},{kind:"MdxPage",name:"thumbnail",route:"/docs/thumbnail",frontMatter:{title:"Thumbnail"}},{kind:"Folder",name:"viewer",route:"/docs/viewer",children:[{kind:"Meta",data:{demo:{theme:{layout:"full",sidebar:!1},title:"Demo"},contentsearch:{display:"hidden",title:"Content Search",theme:{sidebar:!1,layout:"full"}}}},{kind:"MdxPage",name:"contentsearch",route:"/docs/viewer/contentsearch"},{kind:"MdxPage",name:"demo",route:"/docs/viewer/demo"}]},{kind:"MdxPage",name:"viewer",route:"/docs/viewer",frontMatter:{title:"Viewer"}}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Summary",headings:h},pageNextRoute:"/docs/summary",nextraLayout:i.ZP,themeConfig:l.Z};s.default=(0,n.j)(x)},1973:function(e,s,t){"use strict";var r=t(2676),n=t(5318),i=t.n(n);t(5271);var l=t(8158);let a=()=>{let e="#ed1d33",s="#2873ab";return(0,r.jsxs)("svg",{viewBox:"0 0 493.35999 441.33334",id:"iiif-logo",version:"1.1",style:{height:"1rem"},children:[(0,r.jsx)("title",{children:"IIIF Logo"}),(0,r.jsx)("g",{transform:"matrix(1.3333333,0,0,-1.3333333,0,441.33333)",children:(0,r.jsxs)("g",{transform:"scale(0.1)",children:[(0,r.jsx)("path",{style:{fill:s},d:"M 65.2422,2178.75 775.242,1915 773.992,15 65.2422,276.25 v 1902.5"}),(0,r.jsx)("path",{style:{fill:s},d:"m 804.145,2640.09 c 81.441,-240.91 -26.473,-436.2 -241.04,-436.2 -214.558,0 -454.511,195.29 -535.9527,436.2 -81.4335,240.89 26.4805,436.18 241.0387,436.18 214.567,0 454.512,-195.29 535.954,-436.18"}),(0,r.jsx)("path",{style:{fill:e},d:"M 1678.58,2178.75 968.578,1915 969.828,15 1678.58,276.25 v 1902.5"}),(0,r.jsx)("path",{style:{fill:e},d:"m 935.082,2640.09 c -81.437,-240.91 26.477,-436.2 241.038,-436.2 214.56,0 454.51,195.29 535.96,436.2 81.43,240.89 -26.48,436.18 -241.04,436.18 -214.57,0 -454.52,-195.29 -535.958,-436.18"}),(0,r.jsx)("path",{style:{fill:s},d:"m 1860.24,2178.75 710,-263.75 -1.25,-1900 -708.75,261.25 v 1902.5"}),(0,r.jsx)("path",{style:{fill:s},d:"m 2603.74,2640.09 c 81.45,-240.91 -26.47,-436.2 -241.03,-436.2 -214.58,0 -454.52,195.29 -535.96,436.2 -81.44,240.89 26.48,436.18 241.03,436.18 214.57,0 454.51,-195.29 535.96,-436.18"}),(0,r.jsx)("path",{style:{fill:e},d:"m 3700.24,3310 v -652.5 c 0,0 -230,90 -257.5,-142.5 -2.5,-247.5 0,-336.25 0,-336.25 l 257.5,83.75 V 1690 l -258.61,-92.5 V 262.5 L 2735.24,0 v 2360 c 0,0 -15,850 965,950"})]})})]})},o=(0,l.zo)(i(),{display:"inline-flex",flexDirection:"column",textDecoration:"none",alignItems:"center",padding:"0.5rem 0"}),c=(0,l.zo)("span",{display:"inline-flex",alignItems:"center",justifyContent:"center"});s.Z=e=>{let{children:s,href:t,text:n=["Presentation API"]}=e;return(0,r.jsx)(o,{href:t,target:"_blank",className:"nx-flex-col",children:(0,r.jsxs)(c,{className:"nx-gap-2 nx-h-7 nx-rounded-md nx-px-2 nx-text-left nx-text-sm nx-font-medium nx-text-gray-600 nx-transition-colors dark:nx-text-gray-400 hover:nx-bg-gray-100 hover:nx-text-gray-900 dark:hover:nx-bg-primary-100/5 dark:hover:nx-text-gray-50",children:[(0,r.jsx)(a,{})," ",n.join(" or ")," ↗"]})})}},8158:function(e,s,t){"use strict";t.d(s,{BC:function(){return n},F4:function(){return a},zo:function(){return i}});var r=t(1028);let n={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",lg:"(max-width: 90rem)",xl:"(min-width: calc(90rem + 1px))"},{styled:i,css:l,keyframes:a,createTheme:o}=(0,r.Th)({theme:{colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"hsl(".concat(209," 100% 38.2%)"),accentMuted:"hsl(".concat(209," 80% 61.8%)"),accentAlt:"hsl(".concat(209," 80% 30%)"),secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fontSizes:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},lineHeights:{1:"12px",2:"13px",3:"15px",4:"17px",5:"19px",6:"21px",7:"27px",8:"35px",9:"59px"},sizes:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},space:{1:"5px",2:"10px",3:"15px",4:"20px",5:"25px",6:"35px",7:"45px",8:"65px",9:"80px"},radii:{1:"4px",2:"6px",3:"8px",4:"12px",round:"50%",pill:"9999px"},transitions:{all:"all 300ms cubic-bezier(0.16, 1, 0.3, 1)"},zIndices:{1:"100",2:"200",3:"300",4:"400",max:"999"}},media:n})},7104:function(e,s,t){"use strict";t.d(s,{Z:function(){return m}});var r=t(2676),n=t(2936),i=t.n(n),l=t(5271);let a={position:"relative",top:"-1px",right:"0",backgroundColor:"hsl(var(--nextra-primary-hue), var(--nextra-primary-saturation), 32%)",color:"white",borderRadius:"6px",padding:"2px 4px",fontSize:"0.7222rem",fontWeight:"700",marginLeft:"10px"},o=["Scroll"];var c=e=>{let{title:s}=e;return o.includes(s)?(0,r.jsxs)("span",{children:[s,(0,r.jsx)("span",{style:a,children:"Beta"})]}):(0,r.jsx)("span",{children:s})},d=t(826),h=t(9205);let p="Clover IIIF",x="Showcase IIIF Manifests as interoperable web content.";var m={darkMode:!0,nextThemes:{defaultTheme:"system"},docsRepositoryBase:"https://github.com/samvera-labs/clover-iiif",footer:{text:"Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source."},useNextSeoProps(){let e=(0,d.ZR)(),s=e.frontMatter.title?"".concat(e.frontMatter.title," – ").concat(p):"".concat(p," – ").concat(x),t=e.frontMatter.description?e.frontMatter.description:x,{route:r}=(0,h.useRouter)(),n=(0,l.useMemo)(()=>new URL(r.endsWith("/")?r:"".concat(r,"/"),"https://samvera-labs.github.io/clover-iiif/").href,[r]);return{defaultTitle:"".concat(p," - ").concat(x),title:s,description:t,canonical:n,openGraph:{url:n,title:s,siteName:"".concat(p," - ").concat(x),images:[{url:"",type:"image/png",width:1200,height:675}]},twitter:{cardType:"summary_large_image"}}},logo:(0,r.jsx)(()=>(0,r.jsxs)("span",{className:"jsx-64174b446b45575f",children:[(0,r.jsxs)("svg",{id:"clover-iiif-logo",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 45.11 8.15",fill:"none",className:"jsx-64174b446b45575f",children:[(0,r.jsx)("path",{fill:"currentColor",d:"m5.66,6.02c-.21.11-.43.21-.65.3s-.51.13-.83.13c-.63,0-1.13-.18-1.48-.55-.36-.37-.53-.9-.53-1.61,0-.46.07-.85.22-1.17.15-.32.36-.57.65-.74.28-.17.63-.26,1.04-.26.31,0,.59.05.83.14.24.1.46.21.66.35.14-.09.26-.21.36-.37.1-.16.16-.33.16-.53,0-.25-.09-.47-.28-.66s-.45-.34-.79-.46c-.34-.11-.76-.17-1.25-.17-.69,0-1.32.15-1.89.45-.57.3-1.03.74-1.36,1.31-.34.57-.5,1.27-.5,2.11,0,.89.17,1.62.52,2.18.35.57.82.99,1.4,1.26.59.27,1.24.41,1.96.41.38,0,.7-.03.96-.1.26-.06.47-.13.61-.19.23-.1.4-.23.49-.38.1-.15.14-.32.14-.5,0-.21-.04-.39-.11-.55-.08-.16-.18-.29-.32-.4Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m7.55,0c-.19,0-.37.01-.53.04s-.29.05-.38.07v6.96c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V.96c0-.38-.09-.63-.26-.76-.18-.13-.46-.2-.86-.2Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m13.93,2.3c-.47-.26-1.02-.38-1.65-.38s-1.17.13-1.64.38c-.47.25-.84.61-1.1,1.07-.26.46-.4,1.01-.4,1.64s.13,1.2.39,1.67c.26.46.63.82,1.1,1.07.47.25,1.02.37,1.66.37s1.19-.13,1.66-.38c.47-.25.83-.61,1.09-1.07.26-.46.39-1.02.39-1.66s-.13-1.17-.4-1.63c-.26-.46-.63-.82-1.1-1.08Zm-.87,3.83c-.18.26-.44.39-.78.39s-.6-.13-.78-.38c-.18-.26-.28-.63-.28-1.13s.09-.85.28-1.11c.19-.26.45-.39.77-.39s.59.13.77.4.28.63.28,1.1-.09.86-.28,1.12Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m20.29,1.98c-.35,0-.67.08-.96.23-.14.69-.29,1.39-.46,2.12s-.33,1.38-.48,1.97h-.06c-.02-.11-.06-.25-.1-.42-.04-.17-.09-.36-.15-.57s-.12-.43-.18-.67l-.47-1.84c-.08-.32-.21-.54-.4-.65-.18-.12-.42-.17-.7-.17-.22,0-.43.04-.62.13s-.34.18-.45.29c.06.29.15.62.27,1.01.12.38.24.78.38,1.19.14.41.27.81.41,1.2.14.39.27.73.4,1.04.12.3.23.54.32.71.09.18.25.3.47.38.23.08.5.12.81.12.27,0,.52-.03.74-.09.22-.06.38-.13.49-.21.12-.22.26-.5.41-.85.15-.35.31-.73.46-1.15.16-.41.3-.82.43-1.21s.23-.75.31-1.06.12-.54.12-.7c0-.3-.1-.5-.29-.62s-.43-.18-.71-.18Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m25.91,2.25c-.42-.22-.92-.33-1.49-.33-.38,0-.74.06-1.1.17-.36.12-.68.29-.97.53-.29.24-.52.55-.69.94-.17.38-.26.84-.26,1.37,0,.71.15,1.3.44,1.78.29.47.69.83,1.19,1.06.5.24,1.06.35,1.69.35.45,0,.84-.04,1.19-.12.34-.08.61-.21.81-.38.2-.17.29-.39.29-.65,0-.16-.04-.31-.13-.46-.09-.14-.2-.26-.32-.34-.18.1-.43.2-.73.29-.3.09-.62.13-.96.13s-.67-.07-.95-.22c-.23-.11-.37-.32-.47-.58l2.96-.44c.27-.04.48-.13.64-.28.15-.14.23-.35.23-.62,0-.5-.12-.93-.36-1.31-.24-.38-.57-.68-1-.9Zm-2.59,2.21c.04-.31.13-.56.31-.74.21-.21.48-.31.8-.31s.53.08.67.24c.14.16.22.32.24.48l-2.02.33Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m30.59,1.93c-.4,0-.79.04-1.16.13-.38.09-.7.22-.98.38-.2.13-.36.28-.49.45-.12.17-.19.37-.19.61v3.56c0,.37.09.62.27.76.18.14.47.2.86.2.19,0,.37-.01.53-.04.16-.02.29-.05.38-.07V3.82c.17-.1.36-.17.59-.22.22-.05.44-.07.64-.07.14,0,.26,0,.37.01.11,0,.21.02.29.04.06-.09.1-.19.14-.32s.06-.26.06-.4c0-.62-.44-.92-1.31-.92Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m33.91.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m36.24.56c-.12,0-.24.01-.35.03-.11.02-.2.04-.25.05v6.76c0,.22.06.37.17.46.11.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47-.11-.09-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m38.57.56c-.12,0-.24.01-.35.03s-.2.04-.25.05v6.76c0,.22.06.37.17.46s.29.14.53.14c.12,0,.24,0,.35-.03.11-.02.19-.04.24-.07V1.16c0-.22-.05-.38-.16-.47s-.28-.13-.52-.13Z",className:"jsx-64174b446b45575f"}),(0,r.jsx)("path",{fill:"currentColor",d:"m44.63,1.7c.15,0,.27-.05.35-.14.08-.1.13-.23.13-.41,0-.1-.02-.2-.05-.29-.03-.09-.06-.16-.1-.21h-3.98c-.21,0-.38.06-.5.19-.13.12-.19.29-.19.5v6.08c0,.21.06.36.17.45.12.09.29.14.53.14.12,0,.24,0,.35-.03.11-.02.19-.04.24-.05v-2.98h2.64c.15,0,.27-.05.35-.14.08-.1.12-.23.12-.41,0-.1-.01-.2-.04-.29-.03-.09-.06-.16-.09-.22h-2.98s-.01-.01-.01-.01V1.7h3.06Z",className:"jsx-64174b446b45575f"})]}),(0,r.jsx)(i(),{id:"64174b446b45575f",children:"svg.jsx-64174b446b45575f{height:1rem}span.jsx-64174b446b45575f{padding:.5rem .5rem .5rem 0;-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}span.jsx-64174b446b45575f:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}"})]}),{}),project:{link:"https://github.com/samvera-labs/clover-iiif"},primaryHue:209,sidebar:{autoCollapse:!0,defaultMenuCollapseLevel:1,titleComponent:e=>(0,r.jsx)(c,{...e}),toggleButton:!0}}},5184:function(){},1028:function(e,s,t){"use strict";t.d(s,{Th:function(){return Y},jG:function(){return es}});var r,n=t(5271),i="colors",l="sizes",a="space",o={gap:a,gridGap:a,columnGap:a,gridColumnGap:a,rowGap:a,gridRowGap:a,inset:a,insetBlock:a,insetBlockEnd:a,insetBlockStart:a,insetInline:a,insetInlineEnd:a,insetInlineStart:a,margin:a,marginTop:a,marginRight:a,marginBottom:a,marginLeft:a,marginBlock:a,marginBlockEnd:a,marginBlockStart:a,marginInline:a,marginInlineEnd:a,marginInlineStart:a,padding:a,paddingTop:a,paddingRight:a,paddingBottom:a,paddingLeft:a,paddingBlock:a,paddingBlockEnd:a,paddingBlockStart:a,paddingInline:a,paddingInlineEnd:a,paddingInlineStart:a,top:a,right:a,bottom:a,left:a,scrollMargin:a,scrollMarginTop:a,scrollMarginRight:a,scrollMarginBottom:a,scrollMarginLeft:a,scrollMarginX:a,scrollMarginY:a,scrollMarginBlock:a,scrollMarginBlockEnd:a,scrollMarginBlockStart:a,scrollMarginInline:a,scrollMarginInlineEnd:a,scrollMarginInlineStart:a,scrollPadding:a,scrollPaddingTop:a,scrollPaddingRight:a,scrollPaddingBottom:a,scrollPaddingLeft:a,scrollPaddingX:a,scrollPaddingY:a,scrollPaddingBlock:a,scrollPaddingBlockEnd:a,scrollPaddingBlockStart:a,scrollPaddingInline:a,scrollPaddingInlineEnd:a,scrollPaddingInlineStart:a,fontSize:"fontSizes",background:i,backgroundColor:i,backgroundImage:i,borderImage:i,border:i,borderBlock:i,borderBlockEnd:i,borderBlockStart:i,borderBottom:i,borderBottomColor:i,borderColor:i,borderInline:i,borderInlineEnd:i,borderInlineStart:i,borderLeft:i,borderLeftColor:i,borderRight:i,borderRightColor:i,borderTop:i,borderTopColor:i,caretColor:i,color:i,columnRuleColor:i,fill:i,outline:i,outlineColor:i,stroke:i,textDecorationColor:i,fontFamily:"fonts",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",blockSize:l,minBlockSize:l,maxBlockSize:l,inlineSize:l,minInlineSize:l,maxInlineSize:l,width:l,minWidth:l,maxWidth:l,height:l,minHeight:l,maxHeight:l,flexBasis:l,gridTemplateColumns:l,gridTemplateRows:l,borderWidth:"borderWidths",borderTopWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderLeftWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",transition:"transitions",zIndex:"zIndices"},c=(e,s)=>"function"==typeof s?{"()":Function.prototype.toString.call(s)}:s,d=()=>{let e=Object.create(null);return(s,t,...r)=>{let n=JSON.stringify(s,c);return n in e?e[n]:e[n]=t(s,...r)}},h=Symbol.for("sxs.internal"),p=(e,s)=>Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)),x=e=>{for(let s in e)return!0;return!1},{hasOwnProperty:m}=Object.prototype,u=e=>e.includes("-")?e:e.replace(/[A-Z]/g,e=>"-"+e.toLowerCase()),j=/\s+(?![^()]*\))/,g=e=>s=>e(..."string"==typeof s?String(s).split(j):[s]),k={appearance:e=>({WebkitAppearance:e,appearance:e}),backfaceVisibility:e=>({WebkitBackfaceVisibility:e,backfaceVisibility:e}),backdropFilter:e=>({WebkitBackdropFilter:e,backdropFilter:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),boxDecorationBreak:e=>({WebkitBoxDecorationBreak:e,boxDecorationBreak:e}),clipPath:e=>({WebkitClipPath:e,clipPath:e}),content:e=>({content:e.includes('"')||e.includes("'")||/^([A-Za-z]+\([^]*|[^]*-quote|inherit|initial|none|normal|revert|unset)$/.test(e)?e:`"${e}"`}),hyphens:e=>({WebkitHyphens:e,hyphens:e}),maskImage:e=>({WebkitMaskImage:e,maskImage:e}),maskSize:e=>({WebkitMaskSize:e,maskSize:e}),tabSize:e=>({MozTabSize:e,tabSize:e}),textSizeAdjust:e=>({WebkitTextSizeAdjust:e,textSizeAdjust:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),marginBlock:g((e,s)=>({marginBlockStart:e,marginBlockEnd:s||e})),marginInline:g((e,s)=>({marginInlineStart:e,marginInlineEnd:s||e})),maxSize:g((e,s)=>({maxBlockSize:e,maxInlineSize:s||e})),minSize:g((e,s)=>({minBlockSize:e,minInlineSize:s||e})),paddingBlock:g((e,s)=>({paddingBlockStart:e,paddingBlockEnd:s||e})),paddingInline:g((e,s)=>({paddingInlineStart:e,paddingInlineEnd:s||e}))},y=/([\d.]+)([^]*)/,f=(e,s)=>e.length?e.reduce((e,t)=>(e.push(...s.map(e=>e.includes("&")?e.replace(/&/g,/[ +>|~]/.test(t)&&/&.*&/.test(e)?`:is(${t})`:t):t+" "+e)),e),[]):s,v=(e,s)=>e in b&&"string"==typeof s?s.replace(/^((?:[^]*[^\w-])?)(fit-content|stretch)((?:[^\w-][^]*)?)$/,(s,t,r,n)=>t+("stretch"===r?`-moz-available${n};${u(e)}:${t}-webkit-fill-available`:`-moz-fit-content${n};${u(e)}:${t}fit-content`)+n):String(s),b={blockSize:1,height:1,inlineSize:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,width:1},w=e=>e?e+"-":"",S=(e,s,t)=>e.replace(/([+-])?((?:\d+(?:\.\d*)?|\.\d+)(?:[Ee][+-]?\d+)?)?(\$|--)([$\w-]+)/g,(e,r,n,i,l)=>"$"==i==!!n?e:(r||"--"==i?"calc(":"")+"var(--"+("$"===i?w(s)+(l.includes("$")?"":w(t))+l.replace(/\$/g,"-"):l)+")"+(r||"--"==i?"*"+(r||"")+(n||"1")+")":"")),I=/\s*,\s*(?![^()]*\))/,M=Object.prototype.toString,N=(e,s,t,r,n)=>{let i,l,a;let o=(e,s,t)=>{let c,d;let h=e=>{var p;for(c in e){let x=64===c.charCodeAt(0);for(d of x&&Array.isArray(e[c])?e[c]:[e[c]]){let e=/[A-Z]/.test(p=c)?p:p.replace(/-[^]/g,e=>e[1].toUpperCase()),m="object"==typeof d&&d&&d.toString===M&&(!r.utils[e]||!s.length);if(e in r.utils&&!m){let s=r.utils[e];if(s!==l){l=s,h(s(d)),l=null;continue}}else if(e in k){let s=k[e];if(s!==a){a=s,h(s(d)),a=null;continue}}if(x&&(c=(c.slice(1) in r.media?"@media "+r.media[c.slice(1)]:c).replace(/\(\s*([\w-]+)\s*(=|<|<=|>|>=)\s*([\w-]+)\s*(?:(<|<=|>|>=)\s*([\w-]+)\s*)?\)/g,(e,s,t,r,n,i)=>{let l=y.test(s),a=.0625*(l?-1:1),[o,c]=l?[r,s]:[s,r];return"("+("="===t[0]?"":">"===t[0]===l?"max-":"min-")+o+":"+("="!==t[0]&&1===t.length?c.replace(y,(e,s,r)=>Number(s)+a*(">"===t?1:-1)+r):c)+(n?") and ("+(">"===n[0]?"min-":"max-")+o+":"+(1===n.length?i.replace(y,(e,s,t)=>Number(s)+a*(">"===n?-1:1)+t):i):"")+")"})),m){let e=x?t.concat(c):[...t],r=x?[...s]:f(s,c.split(I));void 0!==i&&n(B(...i)),i=void 0,o(d,r,e)}else void 0===i&&(i=[[],s,t]),c=x||36!==c.charCodeAt(0)?c:`--${w(r.prefix)}${c.slice(1).replace(/\$/g,"-")}`,d=m?d:"number"==typeof d?d&&e in R?String(d)+"px":String(d):S(v(e,null==d?"":d),r.prefix,r.themeMap[e]),i[0].push(`${x?`${c} `:`${u(c)}:`}${d}`)}}};h(e),void 0!==i&&n(B(...i)),i=void 0};o(e,s,t)},B=(e,s,t)=>`${t.map(e=>`${e}{`).join("")}${s.length?`${s.join(",")}{`:""}${e.join(";")}${s.length?"}":""}${Array(t.length?t.length+1:0).join("}")}`,R={animationDelay:1,animationDuration:1,backgroundSize:1,blockSize:1,border:1,borderBlock:1,borderBlockEnd:1,borderBlockEndWidth:1,borderBlockStart:1,borderBlockStartWidth:1,borderBlockWidth:1,borderBottom:1,borderBottomLeftRadius:1,borderBottomRightRadius:1,borderBottomWidth:1,borderEndEndRadius:1,borderEndStartRadius:1,borderInlineEnd:1,borderInlineEndWidth:1,borderInlineStart:1,borderInlineStartWidth:1,borderInlineWidth:1,borderLeft:1,borderLeftWidth:1,borderRadius:1,borderRight:1,borderRightWidth:1,borderSpacing:1,borderStartEndRadius:1,borderStartStartRadius:1,borderTop:1,borderTopLeftRadius:1,borderTopRightRadius:1,borderTopWidth:1,borderWidth:1,bottom:1,columnGap:1,columnRule:1,columnRuleWidth:1,columnWidth:1,containIntrinsicSize:1,flexBasis:1,fontSize:1,gap:1,gridAutoColumns:1,gridAutoRows:1,gridTemplateColumns:1,gridTemplateRows:1,height:1,inlineSize:1,inset:1,insetBlock:1,insetBlockEnd:1,insetBlockStart:1,insetInline:1,insetInlineEnd:1,insetInlineStart:1,left:1,letterSpacing:1,margin:1,marginBlock:1,marginBlockEnd:1,marginBlockStart:1,marginBottom:1,marginInline:1,marginInlineEnd:1,marginInlineStart:1,marginLeft:1,marginRight:1,marginTop:1,maxBlockSize:1,maxHeight:1,maxInlineSize:1,maxWidth:1,minBlockSize:1,minHeight:1,minInlineSize:1,minWidth:1,offsetDistance:1,offsetRotate:1,outline:1,outlineOffset:1,outlineWidth:1,overflowClipMargin:1,padding:1,paddingBlock:1,paddingBlockEnd:1,paddingBlockStart:1,paddingBottom:1,paddingInline:1,paddingInlineEnd:1,paddingInlineStart:1,paddingLeft:1,paddingRight:1,paddingTop:1,perspective:1,right:1,rowGap:1,scrollMargin:1,scrollMarginBlock:1,scrollMarginBlockEnd:1,scrollMarginBlockStart:1,scrollMarginBottom:1,scrollMarginInline:1,scrollMarginInlineEnd:1,scrollMarginInlineStart:1,scrollMarginLeft:1,scrollMarginRight:1,scrollMarginTop:1,scrollPadding:1,scrollPaddingBlock:1,scrollPaddingBlockEnd:1,scrollPaddingBlockStart:1,scrollPaddingBottom:1,scrollPaddingInline:1,scrollPaddingInlineEnd:1,scrollPaddingInlineStart:1,scrollPaddingLeft:1,scrollPaddingRight:1,scrollPaddingTop:1,shapeMargin:1,textDecoration:1,textDecorationThickness:1,textIndent:1,textUnderlineOffset:1,top:1,transitionDelay:1,transitionDuration:1,verticalAlign:1,width:1,wordSpacing:1},T=e=>String.fromCharCode(e+(e>25?39:97)),P=e=>(e=>{let s,t="";for(s=Math.abs(e);s>52;s=s/52|0)t=T(s%52)+t;return T(s%52)+t})(((e,s)=>{let t=s.length;for(;t;)e=33*e^s.charCodeAt(--t);return e})(5381,JSON.stringify(e))>>>0),$=["themed","global","styled","onevar","resonevar","allvar","inline"],C=e=>{if(e.href&&!e.href.startsWith(location.origin))return!1;try{return!!e.cssRules}catch(e){return!1}},z=e=>{let s;let t=()=>{let{cssRules:e}=s.sheet;return[].map.call(e,(t,r)=>{let{cssText:n}=t,i="";if(n.startsWith("--sxs"))return"";if(e[r-1]&&(i=e[r-1].cssText).startsWith("--sxs")){if(!t.cssRules.length)return"";for(let e in s.rules)if(s.rules[e].group===t)return`--sxs{--sxs:${[...s.rules[e].cache].join(" ")}}${n}`;return t.cssRules.length?`${i}${n}`:""}return n}).join("")},r=()=>{if(s){let{rules:e,sheet:t}=s;if(!t.deleteRule){for(;3===Object(Object(t.cssRules)[0]).type;)t.cssRules.splice(0,1);t.cssRules=[]}for(let s in e)delete e[s]}for(let n of Object(e).styleSheets||[])if(C(n)){for(let e=0,i=n.cssRules;i[e];++e){let l=Object(i[e]);if(1!==l.type)continue;let a=Object(i[e+1]);if(4!==a.type)continue;++e;let{cssText:o}=l;if(!o.startsWith("--sxs"))continue;let c=o.slice(14,-3).trim().split(/\s+/),d=$[c[0]];d&&(s||(s={sheet:n,reset:r,rules:{},toString:t}),s.rules[d]={group:a,index:e,cache:new Set(c)})}if(s)break}if(!s){let n=(e,s)=>({type:s,cssRules:[],insertRule(e,s){this.cssRules.splice(s,0,n(e,{import:3,undefined:1}[(e.toLowerCase().match(/^@([a-z]+)/)||[])[1]]||4))},get cssText(){return"@media{}"===e?`@media{${[].map.call(this.cssRules,e=>e.cssText).join("")}}`:e}});s={sheet:e?(e.head||e).appendChild(document.createElement("style")).sheet:n("","text/css"),rules:{},reset:r,toString:t}}let{sheet:n,rules:i}=s;for(let e=$.length-1;e>=0;--e){let s=$[e];if(!i[s]){let t=$[e+1],r=i[t]?i[t].index:n.cssRules.length;n.insertRule("@media{}",r),n.insertRule(`--sxs{--sxs:${e}}`,r),i[s]={group:n.cssRules[r+1],index:r,cache:new Set([e])}}E(i[s])}};return r(),s},E=e=>{let s=e.group,t=s.cssRules.length;e.apply=e=>{try{s.insertRule(e,t),++t}catch(e){}}},W=Symbol(),L=d(),O=(e,s)=>L(e,()=>(...t)=>{let r={type:null,composers:new Set};for(let s of t)if(null!=s){if(s[h])for(let e of(null==r.type&&(r.type=s[h].type),s[h].composers))r.composers.add(e);else s.constructor!==Object||s.$$typeof?null==r.type&&(r.type=s):r.composers.add(A(s,e))}return null==r.type&&(r.type="span"),r.composers.size||r.composers.add(["PJLV",{},[],[],{},[]]),F(e,r,s)}),A=({variants:e,compoundVariants:s,defaultVariants:t,...r},n)=>{let i=`${w(n.prefix)}c-${P(r)}`,l=[],a=[],o=Object.create(null),c=[];for(let e in t)o[e]=String(t[e]);if("object"==typeof e&&e)for(let s in e){m.call(o,s)||(o[s]="undefined");let t=e[s];for(let e in t){let r={[s]:String(e)};"undefined"===String(e)&&c.push(s);let n=t[e],i=[r,n,!x(n)];l.push(i)}}if("object"==typeof s&&s)for(let e of s){let{css:s,...t}=e;for(let e in s="object"==typeof s&&s||{},t)t[e]=String(t[e]);let r=[t,s,!x(s)];a.push(r)}return[i,r,l,a,o,c]},F=(e,s,t)=>{let[r,n,i,l]=Z(s.composers),a="function"==typeof s.type||s.type.$$typeof?(e=>{function s(){for(let t=0;ts.rules[e]={apply:t=>s[W].push([e,t])}),s})(t):null,o=(a||t).rules,c=`.${r}${n.length>1?`:where(.${n.slice(1).join(".")})`:""}`,d=d=>{let{css:h,...p}=d="object"==typeof d&&d||H,x={};for(let e in i)if(delete p[e],e in d){let s=d[e];"object"==typeof s&&s?x[e]={"@initial":i[e],...s}:(s=String(s),x[e]="undefined"!==s||l.has(e)?s:i[e])}else x[e]=i[e];let m=new Set([...n]);for(let[r,n,i,l]of s.composers){t.rules.styled.cache.has(r)||(t.rules.styled.cache.add(r),N(n,[`.${r}`],[],e,e=>{o.styled.apply(e)}));let s=D(i,x,e.media),a=D(l,x,e.media,!0);for(let n of s)if(void 0!==n)for(let[s,i,l]of n){let n=`${r}-${P(i)}-${s}`;m.add(n);let a=(l?t.rules.resonevar:t.rules.onevar).cache,c=l?o.resonevar:o.onevar;a.has(n)||(a.add(n),N(i,[`.${n}`],[],e,e=>{c.apply(e)}))}for(let s of a)if(void 0!==s)for(let[n,i]of s){let s=`${r}-${P(i)}-${n}`;m.add(s),t.rules.allvar.cache.has(s)||(t.rules.allvar.cache.add(s),N(i,[`.${s}`],[],e,e=>{o.allvar.apply(e)}))}}if("object"==typeof h&&h){let s=`${r}-i${P(h)}-css`;m.add(s),t.rules.inline.cache.has(s)||(t.rules.inline.cache.add(s),N(h,[`.${s}`],[],e,e=>{o.inline.apply(e)}))}for(let e of String(d.className||"").trim().split(/\s+/))e&&m.add(e);let u=p.className=[...m].join(" ");return{type:s.type,className:u,selector:c,props:p,toString:()=>u,deferredInjector:a}};return p(d,{className:r,selector:c,[h]:s,toString:()=>(t.rules.styled.cache.has(r)||d(),r)})},Z=e=>{let s="",t=[],r={},n=[];for(let[i,,,,l,a]of e)for(let e in""===s&&(s=i),t.push(i),n.push(...a),l){let s=l[e];(void 0===r[e]||"undefined"!==s||a.includes(s))&&(r[e]=s)}return[s,t,r,new Set(n)]},D=(e,s,t,r)=>{let n=[];e:for(let[i,l,a]of e){if(a)continue;let e,o=0,c=!1;for(e in i){let r=i[e],n=s[e];if(n!==r){if("object"!=typeof n||!n)continue e;{let e,s,i=0;for(let l in n){if(r===String(n[l])){if("@initial"!==l){let e=l.slice(1);(s=s||[]).push(e in t?t[e]:l.replace(/^@media ?/,"")),c=!0}o+=i,e=!0}++i}if(s&&s.length&&(l={["@media "+s.join(", ")]:l}),!e)continue e}}}(n[o]=n[o]||[]).push([r?"cv":`${e}-${i[e]}`,l,c])}return n},H={},q=d(),V=(e,s)=>q(e,()=>(...t)=>{let r=()=>{for(let r of t){let t=P(r="object"==typeof r&&r||{});if(!s.rules.global.cache.has(t)){if(s.rules.global.cache.add(t),"@import"in r){let e=[].indexOf.call(s.sheet.cssRules,s.rules.themed.group)-1;for(let t of[].concat(r["@import"]))t=t.includes('"')||t.includes("'")?t:`"${t}"`,s.sheet.insertRule(`@import ${t};`,e++);delete r["@import"]}N(r,[],[],e,e=>{s.rules.global.apply(e)})}}return""};return p(r,{toString:r})}),G=d(),_=(e,s)=>G(e,()=>t=>{let r=`${w(e.prefix)}k-${P(t)}`,n=()=>{if(!s.rules.global.cache.has(r)){s.rules.global.cache.add(r);let n=[];N(t,[],[],e,e=>n.push(e));let i=`@keyframes ${r}{${n.join("")}}`;s.rules.global.apply(i)}return r};return p(n,{get name(){return n()},toString:n})}),K=class{constructor(e,s,t,r){this.token=null==e?"":String(e),this.value=null==s?"":String(s),this.scale=null==t?"":String(t),this.prefix=null==r?"":String(r)}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+w(this.prefix)+w(this.scale)+this.token}toString(){return this.computedValue}},U=d(),J=(e,s)=>U(e,()=>(t,r)=>{r="object"==typeof t&&t||Object(r);let n=`.${t=(t="string"==typeof t?t:"")||`${w(e.prefix)}t-${P(r)}`}`,i={},l=[];for(let s in r)for(let t in i[s]={},r[s]){let n=`--${w(e.prefix)}${s}-${t}`,a=S(String(r[s][t]),e.prefix,s);i[s][t]=new K(t,a,s,e.prefix),l.push(`${n}:${a}`)}let a=()=>{if(l.length&&!s.rules.themed.cache.has(t)){s.rules.themed.cache.add(t);let n=`${r===e.theme?":root,":""}.${t}{${l.join(";")}}`;s.rules.themed.apply(n)}return t};return{...i,get className(){return a()},selector:n,toString:a}}),X=d(),Q=d(),Y=e=>{let s=(e=>{let s=!1,t=X(e,e=>{s=!0;let t="prefix"in(e="object"==typeof e&&e||{})?String(e.prefix):"",r="object"==typeof e.media&&e.media||{},n="object"==typeof e.root?e.root||null:globalThis.document||null,i="object"==typeof e.theme&&e.theme||{},l={prefix:t,media:r,theme:i,themeMap:"object"==typeof e.themeMap&&e.themeMap||{...o},utils:"object"==typeof e.utils&&e.utils||{}},a=z(n),c={css:O(l,a),globalCss:V(l,a),keyframes:_(l,a),createTheme:J(l,a),reset(){a.reset(),c.theme.toString()},theme:{},sheet:a,config:l,prefix:t,getCssText:a.toString,toString:a.toString};return String(c.theme=c.createTheme(i)),c});return s||t.reset(),t})(e);return s.styled=(({config:e,sheet:s})=>Q(e,()=>{let t=O(e,s);return(...e)=>{let s=t(...e),r=s[h].type,i=n.forwardRef((e,t)=>{let i=e&&e.as||r,{props:l,deferredInjector:a}=s(e);return delete l.as,l.ref=t,a?n.createElement(n.Fragment,null,n.createElement(i,l),n.createElement(a,null)):n.createElement(i,l)});return i.className=s.className,i.displayName=`Styled.${r.displayName||r.name||r}`,i.selector=s.selector,i.toString=()=>s.selector,i[h]=s[h],i}}))(s),s},ee=()=>r||(r=Y()),es=(...e)=>ee().createTheme(...e)}},function(e){e.O(0,[585,546,965,580,542,888,774,179],function(){return e(e.s=5147)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/pages/docs/thumbnail-2fe982e69ea56f03.js b/_next/static/chunks/pages/docs/thumbnail-2fe982e69ea56f03.js new file mode 100644 index 00000000..746aa92d --- /dev/null +++ b/_next/static/chunks/pages/docs/thumbnail-2fe982e69ea56f03.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[751],{7400:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/thumbnail",function(){return r(9194)}])},9194:function(e,t,r){"use strict";r.r(t),r.d(t,{__toc:function(){return h}});var i=r(2676),n=r(5384),s=r(826),l=r(7104);r(1952);var o=r(7532),a=r(1973),c=r(4384),d=r(3860);let h=[{depth:2,value:"Usage",id:"usage"},{depth:3,value:"React",id:"react"},{depth:2,value:"API Reference",id:"api-reference"},{depth:3,value:"Video Thumbnail",id:"video-thumbnail"}];function p(e){let t=Object.assign({h1:"h1",p:"p",code:"code",pre:"pre",span:"span",h2:"h2",h3:"h3",strong:"strong",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td",a:"a"},(0,o.a)(),e.components);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.h1,{children:"Thumbnail"}),"\n",(0,i.jsxs)(t.p,{children:["The Thumbnail component is used to display a thumbnail for a IIIF resource. This generally is an ",(0,i.jsx)(t.code,{children:"Image"}),", however, could be a short ",(0,i.jsx)(t.code,{children:"Video"})," or ",(0,i.jsx)(t.code,{children:"Sound"})," clip."]}),"\n",(0,i.jsx)(a.Z,{href:"https://iiif.io/api/presentation/3.0/#thumbnail",text:["thumbnail"]}),"\n",(0,i.jsxs)(d.mQ,{items:["Code","Example","HTML"],children:[(0,i.jsx)(d.OK,{children:(0,i.jsx)(t.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(t.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(t.span,{className:"line",children:[(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"Thumbnail"})]}),"\n",(0,i.jsxs)(t.span,{className:"line",children:[(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"thumbnail"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{["})]}),"\n",(0,i.jsx)(t.span,{className:"line",children:(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {"})}),"\n",(0,i.jsxs)(t.span,{className:"line",children:[(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" id"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/works/71153379-4283-43be-8b0f-4e7e3bfda275/thumbnail"'}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(t.span,{className:"line",children:[(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" type"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"Image"'}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(t.span,{className:"line",children:[(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" format"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"image/jpeg"'}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(t.span,{className:"line",children:[(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" height"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"200"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(t.span,{className:"line",children:[(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" width"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:":"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"200"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsxs)(t.span,{className:"line",children:[(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" }"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","})]}),"\n",(0,i.jsx)(t.span,{className:"line",children:(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ]}"})}),"\n",(0,i.jsx)(t.span,{className:"line",children:(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(c.pl,{thumbnail:[{id:"https://api.dc.library.northwestern.edu/api/v2/works/71153379-4283-43be-8b0f-4e7e3bfda275/thumbnail",type:"Image",format:"image/jpeg",height:200,width:200}]})}),(0,i.jsx)(d.OK,{children:(0,i.jsx)(t.pre,{"data-language":"html","data-theme":"default",children:(0,i.jsxs)(t.code,{"data-language":"html","data-theme":"default",children:[(0,i.jsxs)(t.span,{className:"line",children:[(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"img"})]}),"\n",(0,i.jsxs)(t.span,{className:"line",children:[(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"src"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"https://api.dc.library.northwestern.edu/api/v2/works/71153379-4283-43be-8b0f-4e7e3bfda275/thumbnail"'})]}),"\n",(0,i.jsxs)(t.span,{className:"line",children:[(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"class"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"c-eCSSFU c-eCSSFU-ieexNaM-css"'})]}),"\n",(0,i.jsx)(t.span,{className:"line",children:(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"/>"})})]})})})]}),"\n",(0,i.jsx)(t.h2,{id:"usage",children:"Usage"}),"\n",(0,i.jsx)(t.h3,{id:"react",children:"React"}),"\n",(0,i.jsx)(t.pre,{"data-language":"jsx","data-theme":"default",children:(0,i.jsxs)(t.code,{"data-language":"jsx","data-theme":"default",children:[(0,i.jsxs)(t.span,{className:"line",children:[(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" { Thumbnail } "}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@samvera/clover-iiif/primitives"'}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,i.jsx)(t.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(t.span,{className:"line",children:[(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"CustomThumbnail"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ({ thumbnail }) "}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {"})]}),"\n",(0,i.jsxs)(t.span,{className:"line",children:[(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"Thumbnail"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"label"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{thumbnail} />;"})]}),"\n",(0,i.jsx)(t.span,{className:"line",children:(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"};"})}),"\n",(0,i.jsx)(t.span,{className:"line",children:" "}),"\n",(0,i.jsxs)(t.span,{className:"line",children:[(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"export"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"default"}),(0,i.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" CustomThumbnail;"})]})]})}),"\n",(0,i.jsx)(t.h2,{id:"api-reference",children:"API Reference"}),"\n",(0,i.jsxs)(t.p,{children:["Thumbnails are rendered to a relative HTML ",(0,i.jsx)(t.code,{children:""})," or ",(0,i.jsx)(t.code,{children:"
Documentation
Overview

Overview

+
Documentation
Overview

Overview

UI component library for rapidly creating high-quality and accessible IIIF-fluent web interfaces.

Clover IIIF is a suite of Manifest and Collection components combined with lower-level IIIF Presentation 3.0 API UI components. Clover IIIF has a focus on accessibility, customization and developer experience. You can use Clover IIIF to build your own custom IIIF-fluent web interfaces while still using the full power of the IIIF Presentation 3.0 API.

Vision

@@ -27,4 +27,4 @@

Developer Experience - All components are built with developer experience in mind and are designed to be easily integrated into any web application.

-


Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source.
\ No newline at end of file +

Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source.
\ No newline at end of file diff --git a/docs/composing.html b/docs/composing.html index 6f8d4bcd..024c3548 100644 --- a/docs/composing.html +++ b/docs/composing.html @@ -11,7 +11,7 @@ --nextra-primary-hue: 209deg; --nextra-primary-saturation: 100%; } -
Documentation
Composing

Composing

+
Documentation
Composing

Composing

Clover IIIF is designed to allow for rapid creation of web content translated from IIIF resources. The following is quick step-by-step guide to get you up and running with Clover IIIF.

Creating a Work page

In this tutorial, we will install Clover IIIF and compose a "Work" page representing a IIIF Manifest for Northwestern Football vs. Illinois, 1950 (opens in a new tab).

@@ -140,4 +140,4 @@

Summary

In this tutorial, we installed Clover IIIF and composed an unstyled "Work" page representing a IIIF Manifest. The completed code covered in these steps is available in a CodeSandbox (opens in a new tab).


-Experiment with the CodeSandbox

Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source.
\ No newline at end of file +Experiment with the CodeSandbox

Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source.
\ No newline at end of file diff --git a/docs/homepage.html b/docs/homepage.html index 9e6806f6..86143f5d 100644 --- a/docs/homepage.html +++ b/docs/homepage.html @@ -11,7 +11,7 @@ --nextra-primary-hue: 209deg; --nextra-primary-saturation: 100%; } -
Documentation
Homepage

Homepage

+
Documentation
Homepage

Homepage

A web page that is about the object represented by the resource that has the homepage property.

homepage
<Homepage
@@ -89,4 +89,4 @@ 

]} > <span>View Homepage</span> -</Homepage>


Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source.
\ No newline at end of file +</Homepage>

Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source.
\ No newline at end of file diff --git a/docs/i18n.html b/docs/i18n.html index b9e914e5..cdebabb3 100644 --- a/docs/i18n.html +++ b/docs/i18n.html @@ -11,7 +11,7 @@ --nextra-primary-hue: 209deg; --nextra-primary-saturation: 100%; } -
Documentation
i18n

i18n

+
Documentation
i18n

i18n

We welcome contributions to Clover IIIF in any language. If you would like to contribute to a language, please follow the instructions below.

src/i18n/locales/en.json
{
   "commonClose": "Close",
@@ -63,4 +63,4 @@ 

en, fr, "fr-CA": frCA, -};


Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source.
\ No newline at end of file +};
\ No newline at end of file diff --git a/docs/image.html b/docs/image.html index 7a56bd2a..081988b6 100644 --- a/docs/image.html +++ b/docs/image.html @@ -11,7 +11,7 @@ --nextra-primary-hue: 209deg; --nextra-primary-saturation: 100%; } -
Documentation
Image

Image

+
\ No newline at end of file +};
ComposingScroll
\ No newline at end of file diff --git a/docs/label.html b/docs/label.html index 279a2f87..f8213e58 100644 --- a/docs/label.html +++ b/docs/label.html @@ -11,7 +11,7 @@ --nextra-primary-hue: 209deg; --nextra-primary-saturation: 100%; } -
Documentation
Label

Label

+
Documentation
Label

Label

The Label component is used to display the label of a resource. It is used in the following contexts: Manifest, Canvas, Range, Annotation, AnnotationPage, Collection, and Manifest. It is a string or an object with language keys and string values.

label
<Label label={{ none: ["Crossing the Pend d'Oreille - Kalispel"] }} />
@@ -46,4 +46,4 @@

fr: ["Notes des réunions de mise en scène et d'environnement"], }} lang="fr" -/>

\ No newline at end of file +/>
HomepageMetadata
\ No newline at end of file diff --git a/docs/metadata.html b/docs/metadata.html index f5e1113b..d4047391 100644 --- a/docs/metadata.html +++ b/docs/metadata.html @@ -11,7 +11,7 @@ --nextra-primary-hue: 209deg; --nextra-primary-saturation: 100%; } -
Documentation
Metadata

Metadata

+
Documentation
Metadata

Metadata

An ordered list of descriptions to be displayed to the user when they interact with the resource, given as pairs of human readable label and value entries.

metadata
<Metadata
@@ -141,4 +141,4 @@ 

}, ]} customValueDelimiter="<br/>" -/>


Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source.
\ No newline at end of file +/>
LabelPartOf
\ No newline at end of file diff --git a/docs/partOf.html b/docs/partOf.html index 7a819d3c..ba1121e3 100644 --- a/docs/partOf.html +++ b/docs/partOf.html @@ -11,7 +11,7 @@ --nextra-primary-hue: 209deg; --nextra-primary-saturation: 100%; } -
Documentation
PartOf

PartOf

+
Documentation
PartOf

PartOf

A containing resource that includes the resource that has the partOf property.

partOf
<PartOf
@@ -61,4 +61,4 @@ 

}, ]} as="ol" -/>


Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source.
\ No newline at end of file +/>
MetadataRendering
\ No newline at end of file diff --git a/docs/rendering.html b/docs/rendering.html index 834cedd1..f0eb1d87 100644 --- a/docs/rendering.html +++ b/docs/rendering.html @@ -11,7 +11,7 @@ --nextra-primary-hue: 209deg; --nextra-primary-saturation: 100%; } -
Documentation
Rendering

Rendering

+
Documentation
Rendering

Rendering

The Rendering component is used to display a list of alternate formats related to a resource. Whereas SeeAlso is used to link to a machine-readable resource such as metadata, the Rendering component alerts users that the resource is available in another format such as PDF or ePub or has a related format. Because of the wide variety of formats that @@ -55,4 +55,4 @@

}, ]} as="ol" -/>

\ No newline at end of file +/>
PartOfRequiredStatement
\ No newline at end of file diff --git a/docs/requiredStatement.html b/docs/requiredStatement.html index 0638bc5d..c74c21df 100644 --- a/docs/requiredStatement.html +++ b/docs/requiredStatement.html @@ -11,7 +11,7 @@ --nextra-primary-hue: 209deg; --nextra-primary-saturation: 100%; } -
Documentation
RequiredStatement

RequiredStatement

+
Documentation
RequiredStatement

RequiredStatement

The RequiredStatement component renders the required statement for a IIIF resource. The required statement is a human readable label and value pair that describes the rights status of the resource.

requiredStatement
<RequiredStatement
@@ -82,4 +82,4 @@ 

}, }} customValueDelimiter=". " -/>


Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source.
\ No newline at end of file +/>
RenderingSeeAlso
\ No newline at end of file diff --git a/docs/scroll.html b/docs/scroll.html index 8bd8b91a..1ee93651 100644 --- a/docs/scroll.html +++ b/docs/scroll.html @@ -11,7 +11,7 @@ --nextra-primary-hue: 209deg; --nextra-primary-saturation: 100%; } -
Documentation
Scroll

Scroll

+
Documentation
Scroll

Scroll

A UI component rendering a vertical scrolling articles that output individual Canvases, basic descriptive properties, and Annotations with commenting motivations with support for transcribing and translating motivations.

Manifest
@@ -85,4 +85,4 @@

options: [{ en: "English" }, { ar: "Arabic" }], }, }} -/>

\ No newline at end of file +/>
ImageDemo
\ No newline at end of file diff --git a/docs/scroll/demo.html b/docs/scroll/demo.html index b2af7d84..212eab68 100644 --- a/docs/scroll/demo.html +++ b/docs/scroll/demo.html @@ -11,10 +11,10 @@ --nextra-primary-hue: 209deg; --nextra-primary-saturation: 100%; } -

Scroll

+

Scroll


Docs

A UI component rendering vertical scrolling articles that output individual Canvases, basic descriptive properties, and Annotations with commenting motivations with support for transcribing and translating motivations.


-

Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source.
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/seeAlso.html b/docs/seeAlso.html index 77c69d13..54ba1177 100644 --- a/docs/seeAlso.html +++ b/docs/seeAlso.html @@ -11,7 +11,7 @@ --nextra-primary-hue: 209deg; --nextra-primary-saturation: 100%; } -
Documentation
SeeAlso

SeeAlso

+
Documentation
SeeAlso

SeeAlso

The SeeAlso component is used to display a list of related resources. A machine-readable resource such as an XML or RDF description that is related to the current resource that has the seeAlso property. The resource may be of any media type, and contain any type of data.

seeAlso
<SeeAlso
@@ -51,4 +51,4 @@ 

}, ]} as="ol" -/>


Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source.
\ No newline at end of file +/>
RequiredStatementSummary
\ No newline at end of file diff --git a/docs/slider.html b/docs/slider.html index aa8a5755..11f38803 100644 --- a/docs/slider.html +++ b/docs/slider.html @@ -11,7 +11,7 @@ --nextra-primary-hue: 209deg; --nextra-primary-saturation: 100%; } -
Documentation
Slider

Slider

+
\ No newline at end of file +]
DemoDemo
\ No newline at end of file diff --git a/docs/slider/demo.html b/docs/slider/demo.html index dd288fc3..ac8a1927 100644 --- a/docs/slider/demo.html +++ b/docs/slider/demo.html @@ -11,9 +11,9 @@ --nextra-primary-hue: 209deg; --nextra-primary-saturation: 100%; } -

Slider

+

Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source.
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/summary.html b/docs/summary.html index 318ee131..e5bb535a 100644 --- a/docs/summary.html +++ b/docs/summary.html @@ -11,7 +11,7 @@ --nextra-primary-hue: 209deg; --nextra-primary-saturation: 100%; } -
Documentation
Summary

Summary

+
Documentation
Summary

Summary

The Summary component is used to display a short description of the resource. It is a wrapper around the IIIF Presentation API 3.0 summary property (opens in a new tab). The summary property is a multi-lingual field that can be used to provide a short description of the resource. It is recommended that the summary be less than 250 characters. The summary property is intended to be displayed to the user when the resource is being selected from a list of search results or resources.

summary
<Summary
@@ -67,4 +67,4 @@ 

as="p" dir="rtl" lang="ar" -/>


Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source.
\ No newline at end of file +/>
SeeAlsoThumbnail
\ No newline at end of file diff --git a/docs/thumbnail.html b/docs/thumbnail.html index 60f1a443..c3449536 100644 --- a/docs/thumbnail.html +++ b/docs/thumbnail.html @@ -11,7 +11,7 @@ --nextra-primary-hue: 209deg; --nextra-primary-saturation: 100%; } -
Documentation
Thumbnail

Thumbnail

+
Documentation
Thumbnail

Thumbnail

The Thumbnail component is used to display a thumbnail for a IIIF resource. This generally is an Image, however, could be a short Video or Sound clip.

thumbnail
<Thumbnail
@@ -50,4 +50,4 @@ 

duration: 30, }, ]} -/>


Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source.
\ No newline at end of file +/>
Summaryi18n
\ No newline at end of file diff --git a/docs/viewer.html b/docs/viewer.html index 46518ad0..44b6f443 100644 --- a/docs/viewer.html +++ b/docs/viewer.html @@ -11,7 +11,7 @@ --nextra-primary-hue: 209deg; --nextra-primary-saturation: 100%; } -
Documentation
Viewer

Viewer

+
\ No newline at end of file +}
DemoDemo
\ No newline at end of file diff --git a/docs/viewer/contentsearch.html b/docs/viewer/contentsearch.html index 94ddb239..1ca2a3f3 100644 --- a/docs/viewer/contentsearch.html +++ b/docs/viewer/contentsearch.html @@ -11,10 +11,10 @@ --nextra-primary-hue: 209deg; --nextra-primary-saturation: 100%; } -

Viewer

+

Viewer


Docs

Content search.

Type in anything in the search field, and click the search button or type return. This demo will show the search results for "Berliner". Click on any of search results, and Clover will zoom and pan to that search result.

Due to the fact that the Clover documentation site is a statically generated, search will only return results for "Berliner" because the search service returns a static content search manifest. In a fully functional site, the search service will return a dynamic content search manifest based on the entered search words.

-

Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source.
\ No newline at end of file +
\ No newline at end of file diff --git a/docs/viewer/demo.html b/docs/viewer/demo.html index 7e74793c..2354c041 100644 --- a/docs/viewer/demo.html +++ b/docs/viewer/demo.html @@ -11,10 +11,10 @@ --nextra-primary-hue: 209deg; --nextra-primary-saturation: 100%; } -

Viewer

+

Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source.
\ No newline at end of file +
\ No newline at end of file diff --git a/index.html b/index.html index 1bc09c46..1ae219be 100644 --- a/index.html +++ b/index.html @@ -11,6 +11,6 @@ --nextra-primary-hue: 209deg; --nextra-primary-saturation: 100%; } -
+

Showcase IIIF Manifests
as interoperable web content.

Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source.

Get Started
-

Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source.
\ No newline at end of file +
\ No newline at end of file