@samvera/bloom-iiif - npm Package Compare versions

Comparing version 0.3.5 to 0.3.6

dist/index.cjs.js

@@ -1,2 +0,2 @@
-"use strict";var $e=Object.create;var $=Object.defineProperty;var Pe=Object.getOwnPropertyDescriptor;var Ie=Object.getOwnPropertyNames;var ke=Object.getPrototypeOf,Fe=Object.prototype.hasOwnProperty;var Ae=(o,e)=>{for(var r in e)$(o,r,{get:e[r],enumerable:!0})},W=(o,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of Ie(e))!Fe.call(o,t)&&t!==r&&$(o,t,{get:()=>e[t],enumerable:!(n=Pe(e,t))||n.enumerable});return o};var p=(o,e,r)=>(r=o!=null?$e(ke(o)):{},W(e||!o||!o.__esModule?$(r,"default",{value:o,enumerable:!0}):r,o)),Me=o=>W($({},"__esModule",{value:!0}),o);var qe={};Ae(qe,{default:()=>Ue});module.exports=Me(qe);var a=p(require("react"));var C=p(require("react")),O=require("@iiif/vault"),z={isLoaded:!1,vault:new O.Vault},R=C.default.createContext(z),De=C.default.createContext(z);function He(o,e){switch(e.type){case"updateIsLoaded":return{...o,isLoaded:e.isLoaded};default:throw new Error(`Unhandled action type: ${e.type}`)}}var U=({initialState:o=z,children:e})=>{let[r,n]=C.default.useReducer(He,o);return C.default.createElement(R.Provider,{value:r},C.default.createElement(De.Provider,{value:n},e))};function P(){let o=C.default.useContext(R);if(o===void 0)throw new Error("useViewerState must be used within a ViewerProvider");return o}var s=p(require("react"));var J=require("@stitches/react"),u=o=>1.618**o;var q={1:"0.382rem",2:"0.618rem",3:"1rem",4:"1.618rem",5:`calc(1rem * ${u(2)})`,6:`calc(1rem * ${u(3)})`,7:`calc(1rem * ${u(4)})`,8:`calc(1rem * ${u(5)})`,9:`calc(1rem * ${u(6)})`,10:`calc(1rem * ${u(7)})`,11:`calc(1rem * ${u(8)})`,12:`calc(1rem * ${u(9)})`},ze={colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"#006adc",accentMuted:"#5eb0ef",accentAlt:"#00254d",secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fonts:{sans:"'Inter', Arial, sans-serif",display:"'Calistoga', 'Inter', Arial, sans-serif"},fontSizes:{1:"0.611rem",2:"0.722rem",3:"0.833rem",4:"1rem",5:"1.177rem",6:"1.318rem",7:`calc(1rem * ${u(1)})`,8:`calc(1rem * ${u(2)})`,9:`calc(1rem * ${u(3)})`},sizes:{...q},space:{...q},transitions:{all:"all 250ms cubic-bezier(0.16, 1, 0.3, 1)",load:"all 1.25s cubic-bezier(0.16, 1, 0.3, 1)"}},Le={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",xl:"(max-width: 1199px)",lg:"(min-width: 1200px)"},{styled:i,css:Qe,keyframes:Xe,createTheme:Ye}=(0,J.createStitches)({theme:ze,media:Le});var K=i("div",{display:"flex",flexDirection:"column"}),Q=i("div",{display:"flex",flexDirection:"row",alignItems:"center",paddingLeft:"$5",paddingRight:"$4","@xs":{width:"100%",justifyContent:"center",padding:"$4 $1 0 0"}}),X=i("div",{display:"flex",flexDirection:"row",justifyContent:"space-between",paddingBottom:"$4",margin:"0",color:"$primary",lineHeight:"1.4em",alignItems:"flex-end","@xs":{flexDirection:"column"},".bloom-header-homepage":{color:"$accent",textDecoration:"none"},".bloom-header-label":{fontSize:"$6",fontWeight:"400",fontFamily:"$display"},".bloom-header-summary":{fontSize:"$4",marginTop:"$2"}});var y=require("@samvera/nectar-iiif");var I=p(require("react")),k=()=>I.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},I.default.createElement("title",null,"Next"),I.default.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:"10",strokeWidth:"45",d:"M268 112l144 144-144 144M392 256H100"}));var F=p(require("react")),A=()=>F.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},F.default.createElement("title",null,"Previous"),F.default.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:"10",strokeWidth:"45",d:"M244 400L100 256l144-144M120 256h292"}));var S=i("div",{display:"flex",background:"none",border:"none",width:"2rem !important",height:"2rem !important",padding:"0",margin:"0",borderRadius:"2rem",backgroundColor:"$accent",color:"$secondary",cursor:"pointer",boxSizing:"content-box !important",transition:"$all",justifyContent:"center",alignItems:"center",svg:{height:"60%",width:"60%",fill:"$secondary",stroke:"$secondary",opacity:"1",filter:"drop-shadow(5px 5px 5px #000D)",transition:"$all"}}),L=i("button",{zIndex:"1",border:"none",cursor:"pointer",background:"transparent",marginLeft:"$2",padding:"0",["&:disabled"]:{[`> ${S}`]:{backgroundColor:"$secondaryAlt",boxShadow:"none",svg:{fill:"$secondaryMuted",stroke:"$secondaryMuted",filter:"unset"}}},["&:hover:enabled"]:{[`> ${S}`]:{backgroundColor:"$accentAlt",boxShadow:"3px 3px 11px #0003",["&:disabled"]:{boxShadow:"unset"}}}});var Be=({homepage:o,instance:e,label:r,summary:n})=>{let[t,d]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{o.length>0&&d(!0)},[o]),s.default.createElement(X,null,s.default.createElement(K,null,t?s.default.createElement(y.Homepage,{homepage:o,className:"bloom-header-homepage"},s.default.createElement(y.Label,{label:r,as:"span",className:"bloom-header-label"})):s.default.createElement(y.Label,{label:r,as:"span",className:"bloom-header-label"}),n&&s.default.createElement(y.Summary,{summary:n,as:"span",className:"bloom-header-summary"})),s.default.createElement(Q,null,s.default.createElement(L,{className:`bloom-previous-${e}`,"aria-label":"previous"},s.default.createElement(S,null,s.default.createElement(A,null))),s.default.createElement(L,{className:`bloom-next-${e}`,"aria-label":"next"},s.default.createElement(S,null,s.default.createElement(k,null)))))},Y=Be;var v=p(require("react"));var c=p(require("react"));var f=p(require("react"));var M=require("@samvera/nectar-iiif");var Z=i("div",{position:"absolute",width:"100%",backgroundColor:"green"}),_=i("figure",{display:"flex",flexDirection:"column",margin:"0 0 $2",flexGrow:"0",flexShrink:"0",borderRadius:"3px",transition:"$all",img:{position:"absolute",display:"flex",flexDirection:"column",objectFit:"cover",zIndex:"0",width:"100%",height:"100%",color:"transparent"},video:{position:"absolute",display:"flex",flexDirection:"column",objectFit:"cover",zIndex:"1",width:"100%",height:"100%",color:"transparent",opacity:"0",transition:"$load",borderRadius:"3px"},figcaption:{display:"flex",flexDirection:"column",padding:"$2 0",color:"$primary",transition:"$all"},variants:{isFocused:{true:{video:{opacity:"1"},figcaption:{color:"$accent"}}}}}),ee=i("span",{display:"flex",position:"relative",backgroundColor:"$secondaryAlt",width:"100%",height:"100%",overflow:"hidden",borderRadius:"3px",boxShadow:"none",transition:"$all"}),oe=i(M.Label,{fontSize:"$3",fontWeight:"700"}),te=i(M.Summary,{fontSize:"$2",marginTop:"$1",color:"$primary"});var re=p(require("@radix-ui/react-aspect-ratio")),ne=require("@samvera/nectar-iiif"),Ne=({isFocused:o,label:e,summary:r,thumbnail:n})=>{let t=(0,f.useRef)(null);return f.default.createElement(_,{isFocused:o},f.default.createElement(re.Root,{ratio:1/1},f.default.createElement(Z,{ref:t}),f.default.createElement(ee,null,n&&f.default.createElement(ne.Thumbnail,{altAsLabel:e,thumbnail:n}))),f.default.createElement("figcaption",null,f.default.createElement(oe,{label:e}),r&&f.default.createElement(te,{summary:r})))},ie=Ne;var se=i("a",{color:"black",textDecoration:"none"}),ae=i("div",{position:"relative",zIndex:"0",borderRadius:"3px"});var l=p(require("react"));var le=i("div",{position:"absolute",zIndex:"2",width:"100%",opacity:"0",top:"0",variants:{isFocused:{true:{opacity:"1"}}}}),ce=i("div",{width:"100%",height:"100%",display:"flex",flexDirection:"column",justifyContent:"flex-end",zIndex:"1"}),de=i("div",{display:"flex",justifyContent:"center",padding:"$2 $2 0",background:"linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%)",cursor:"default",button:{width:"$4",height:"$4",display:"flex",flexDirection:"column",textAlign:"center",justifyContent:"center",alignItems:"center",borderRadious:"100%",backgroundColor:"transparent",border:"none",cursor:"pointer","&:disabled":{opacity:"0.2"},svg:{width:"100%",fill:"$secondary",stroke:"$secondary",color:"$secondary"}}}),me=i("div",{display:"flex",justifyContent:"center",backgroundColor:"rgba(0,0,0,0.7)",color:"$secondaryAlt",fontSize:"$1",padding:"$1",cursor:"default"});var pe=p(require("@radix-ui/react-aspect-ratio"));var Ee=({activeCanvas:o,handleActiveCanvas:e,isFocused:r,manifest:n})=>{let[t,d]=(0,l.useState)(!1),[b,w]=(0,l.useState)(!1),h=o+1,m=0;return n&&(m=n.items.length),(0,l.useEffect)(()=>{h<=1?d(!1):d(!0),h>=m?w(!1):w(!0)},[o,n]),l.default.createElement(le,{isFocused:r},l.default.createElement(pe.Root,{ratio:1/1},n&&l.default.createElement(ce,null,l.default.createElement(de,{onClick:x=>x.preventDefault()},l.default.createElement("button",{onClick:()=>e(-1),disabled:!t},l.default.createElement(A,null)),l.default.createElement("button",{onClick:()=>e(1),disabled:!b},l.default.createElement(k,null))),l.default.createElement(me,{onClick:x=>x.preventDefault()},h," of ",m))))},ue=Ee;var fe=(o,e)=>{if(o.thumbnail.length!==0)return o.thumbnail;let r=e.get(o.items[0]);return e.get(r.items[0]).body};var Te=({index:o,item:e})=>{var V;let r=P(),{vault:n}=r,[t,d]=(0,c.useState)(!1),[b,w]=(0,c.useState)(0),[h,m]=(0,c.useState)(e.thumbnail),[x,Ce]=(0,c.useState)(),[ye,ve]=(0,c.useState)(e.id);(0,c.useEffect)(()=>{t&&setTimeout(()=>{x||n.load(e.id).then(g=>Ce(g)).catch(g=>{console.error(`Manifest failed to load: ${g}`)})},1e3)},[t]),(0,c.useEffect)(()=>{if(!(e!=null&&e.thumbnail))return;let g=n.get(e.thumbnail);m(g)},[]);let B=()=>d(!0),N=()=>d(!1),E=g=>{if(!x)return;let j=b+g,G=n.get(x.items[j]),we=fe(G,n),Se=n.get(we);ve(G.id),m(Se),w(j)};(0,c.useEffect)(()=>{x&&E(0)},[x]);let T;return((V=e.homepage)==null?void 0:V.length)>0&&(T=e.homepage[0].id),c.default.createElement(ae,null,c.default.createElement(se,{href:T,tabIndex:0,onFocus:B,onBlur:N,onMouseEnter:B,onMouseLeave:N},c.default.createElement(ie,{index:o,isFocused:t,key:ye,label:e.label,summary:e.summary,thumbnail:h}),c.default.createElement(ue,{manifest:x,activeCanvas:b,handleActiveCanvas:E,isFocused:t})))},xe=Te;var he=i("div",{"& .swiper-slide":{}});var D=require("swiper"),H=require("swiper/react"),Ve={640:{slidesPerView:2,slidesPerGroup:2,spaceBetween:20},768:{slidesPerView:3,slidesPerGroup:3,spaceBetween:30},1024:{slidesPerView:4,slidesPerGroup:4,spaceBetween:40},1366:{slidesPerView:5,slidesPerGroup:5,spaceBetween:50},1920:{slidesPerView:6,slidesPerGroup:6,spaceBetween:60}},je=({breakpoints:o=Ve,instance:e,items:r})=>{let n=(0,v.useRef)(null);return v.default.createElement(he,{ref:n},v.default.createElement(H.Swiper,{a11y:{prevSlideMessage:"previous item",nextSlideMessage:"next item"},spaceBetween:31,modules:[D.Navigation,D.A11y],navigation:{nextEl:`.bloom-next-${e}`,prevEl:`.bloom-previous-${e}`},slidesPerView:2,slidesPerGroup:2,breakpoints:o},r.map((t,d)=>v.default.createElement(H.SwiperSlide,{key:`${t.id}-${d}`},v.default.createElement(xe,{index:d,item:t})))))},be=je;var Ge=o=>{var e=0,r=o.length,n=0;if(r>0)for(;n<r;)e=(e<<5)-e+o.charCodeAt(n++)|0;return e},ge=Ge;var We=o=>a.default.createElement(U,null,a.default.createElement(Oe,{...o})),Oe=({collectionId:o,options:e={}})=>{let r=P(),{vault:n}=r,[t,d]=(0,a.useState)(),[b,w]=(0,a.useState)("");if((0,a.useEffect)(()=>{!o||n.loadCollection(o).then(m=>d(m)).catch(m=>{console.error(`Collection failed to load: ${m}`),w(m instanceof Error?m.message:"Collection failed to load")}).finally(()=>{})},[o]),(t==null?void 0:t.items.length)===0)return console.log(`The IIIF collection ${o} does not contain items.`),a.default.createElement(a.default.Fragment,null);let h=ge(o);return b?a.default.createElement("p",{style:{padding:"1rem"}},"Error loading Collection: ",b):t?a.default.createElement(Re,null,a.default.createElement(Y,{label:t.label,summary:t&&t.summary?t.summary:{none:[""]},homepage:t.homepage,instance:h}),a.default.createElement(be,{items:t.items,instance:h,breakpoints:Boolean(e.breakpoints)?e.breakpoints:void 0})):a.default.createElement(a.default.Fragment,null)},Re=i("div",{padding:"$4 0"}),Ue=We;
+"use strict";var De=Object.create;var A=Object.defineProperty;var Le=Object.getOwnPropertyDescriptor;var Ee=Object.getOwnPropertyNames;var Ne=Object.getPrototypeOf,Te=Object.prototype.hasOwnProperty;var Ve=(o,e)=>{for(var t in e)A(o,t,{get:e[t],enumerable:!0})},Q=(o,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of Ee(e))!Te.call(o,i)&&i!==t&&A(o,i,{get:()=>e[i],enumerable:!(n=Le(e,i))||n.enumerable});return o};var d=(o,e,t)=>(t=o!=null?De(Ne(o)):{},Q(e||!o||!o.__esModule?A(t,"default",{value:o,enumerable:!0}):t,o)),je=o=>Q(A({},"__esModule",{value:!0}),o);var lo={};Ve(lo,{default:()=>ao});module.exports=je(lo);var l=d(require("react"));var C=d(require("react")),X=require("@iiif/vault"),V={isLoaded:!1,vault:new X.Vault},Y=C.default.createContext(V),We=C.default.createContext(V);function Ge(o,e){switch(e.type){case"updateIsLoaded":return{...o,isLoaded:e.isLoaded};default:throw new Error(`Unhandled action type: ${e.type}`)}}var Z=({initialState:o=V,children:e})=>{let[t,n]=C.default.useReducer(Ge,o);return C.default.createElement(Y.Provider,{value:t},C.default.createElement(We.Provider,{value:n},e))};function M(){let o=C.default.useContext(Y);if(o===void 0)throw new Error("useViewerState must be used within a ViewerProvider");return o}var a=d(require("react"));var ee=require("@stitches/react"),f=o=>1.618**o;var _={1:"0.382rem",2:"0.618rem",3:"1rem",4:"1.618rem",5:`calc(1rem * ${f(2)})`,6:`calc(1rem * ${f(3)})`,7:`calc(1rem * ${f(4)})`,8:`calc(1rem * ${f(5)})`,9:`calc(1rem * ${f(6)})`,10:`calc(1rem * ${f(7)})`,11:`calc(1rem * ${f(8)})`,12:`calc(1rem * ${f(9)})`},Oe={colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"#006adc",accentMuted:"#5eb0ef",accentAlt:"#00254d",secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fonts:{sans:"'Inter', Arial, sans-serif",display:"'Calistoga', 'Inter', Arial, sans-serif"},fontSizes:{1:"0.611rem",2:"0.722rem",3:"0.833rem",4:"1rem",5:"1.177rem",6:"1.318rem",7:`calc(1rem * ${f(1)})`,8:`calc(1rem * ${f(2)})`,9:`calc(1rem * ${f(3)})`},sizes:{..._},space:{..._},transitions:{all:"all 250ms cubic-bezier(0.16, 1, 0.3, 1)",load:"all 1.25s cubic-bezier(0.16, 1, 0.3, 1)"}},Re={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",xl:"(max-width: 1199px)",lg:"(min-width: 1200px)"},{styled:r,css:po,keyframes:uo,createTheme:fo}=(0,ee.createStitches)({theme:Oe,media:Re});var oe=r("div",{display:"flex",flexDirection:"column"}),te=r("div",{display:"flex",flexDirection:"row",alignItems:"center",paddingLeft:"$5",paddingRight:"$4","@xs":{width:"100%",justifyContent:"center",padding:"$4 $1 0 0"}}),re=r("div",{display:"flex",flexDirection:"row",justifyContent:"space-between",paddingBottom:"$4",margin:"0",color:"$primary",lineHeight:"1.4em",alignItems:"flex-end","@xs":{flexDirection:"column"},".bloom-header-homepage":{color:"$accent",textDecoration:"none"},".bloom-header-label":{fontSize:"$6",fontWeight:"400",fontFamily:"$display"},".bloom-header-summary":{fontSize:"$4",marginTop:"$2"}});var y=require("@samvera/nectar-iiif");var z=d(require("react")),H=()=>z.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},z.default.createElement("title",null,"Next"),z.default.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:"10",strokeWidth:"45",d:"M268 112l144 144-144 144M392 256H100"}));var B=d(require("react")),D=()=>B.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},B.default.createElement("title",null,"Previous"),B.default.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:"10",strokeWidth:"45",d:"M244 400L100 256l144-144M120 256h292"}));var k=r("div",{display:"flex",background:"none",border:"none",width:"2rem !important",height:"2rem !important",padding:"0",margin:"0",borderRadius:"2rem",backgroundColor:"$accent",color:"$secondary",cursor:"pointer",boxSizing:"content-box !important",transition:"$all",justifyContent:"center",alignItems:"center",svg:{height:"60%",width:"60%",fill:"$secondary",stroke:"$secondary",opacity:"1",filter:"drop-shadow(5px 5px 5px #000D)",transition:"$all"}}),j=r("button",{zIndex:"1",border:"none",cursor:"pointer",background:"transparent",marginLeft:"$2",padding:"0",["&:disabled"]:{[`> ${k}`]:{backgroundColor:"$secondaryAlt",boxShadow:"none",svg:{fill:"$secondaryMuted",stroke:"$secondaryMuted",filter:"unset"}}},["&:hover:enabled"]:{[`> ${k}`]:{backgroundColor:"$accentAlt",boxShadow:"3px 3px 11px #0003",["&:disabled"]:{boxShadow:"unset"}}}});var Ue=({homepage:o,instance:e,label:t,summary:n})=>{let[i,m]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{o.length>0&&m(!0)},[o]),a.default.createElement(re,null,a.default.createElement(oe,null,i?a.default.createElement(y.Homepage,{homepage:o,className:"bloom-header-homepage"},a.default.createElement(y.Label,{label:t,as:"span",className:"bloom-header-label"})):a.default.createElement(y.Label,{label:t,as:"span",className:"bloom-header-label"}),n&&a.default.createElement(y.Summary,{summary:n,as:"span",className:"bloom-header-summary"})),a.default.createElement(te,null,a.default.createElement(j,{className:`bloom-previous-${e}`,"aria-label":"previous"},a.default.createElement(k,null,a.default.createElement(D,null))),a.default.createElement(j,{className:`bloom-next-${e}`,"aria-label":"next"},a.default.createElement(k,null,a.default.createElement(H,null)))))},ne=Ue;var v=d(require("react"));var s=d(require("react"));var me=d(require("@radix-ui/react-aspect-ratio"));var L=require("@samvera/nectar-iiif");var ie=r("div",{position:"absolute",width:"100%",backgroundColor:"green"}),se=r("figure",{display:"flex",flexDirection:"column",margin:"0 0 $2",flexGrow:"0",flexShrink:"0",borderRadius:"3px",transition:"$all",img:{position:"absolute",display:"flex",flexDirection:"column",objectFit:"cover",zIndex:"0",width:"100%",height:"100%",color:"transparent"},video:{position:"absolute",display:"flex",flexDirection:"column",objectFit:"cover",zIndex:"1",width:"100%",height:"100%",color:"transparent",opacity:"0",transition:"$load",borderRadius:"3px"},figcaption:{display:"flex",flexDirection:"column",padding:"$2 0",color:"$primary",transition:"$all"},variants:{isFocused:{true:{video:{opacity:"1"},figcaption:{color:"$accent"}}}}}),ae=r("span",{display:"flex",position:"relative",width:"100%",height:"100%",overflow:"hidden",borderRadius:"3px",boxShadow:"none",transition:"$all"}),le=r(L.Label,{fontSize:"$3",fontWeight:"700"}),ce=r(L.Summary,{fontSize:"$2",marginTop:"$1",color:"$primary"});var p=d(require("react")),pe=require("@samvera/nectar-iiif");var h=d(require("react"));var qe=h.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",className:"icon-lock",viewBox:"0 0 512 512"},h.default.createElement("title",null,"Restricted Item"),h.default.createElement("path",{d:"M368 192h-16v-80a96 96 0 10-192 0v80h-16a64.07 64.07 0 00-64 64v176a64.07 64.07 0 0064 64h224a64.07 64.07 0 0064-64V256a64.07 64.07 0 00-64-64zm-48 0H192v-80a64 64 0 11128 0z"})),Je=({status:o})=>{let[e,t]=(0,h.useState)(h.default.createElement(h.default.Fragment,null));return(0,h.useEffect)(()=>{switch(o){case 403:t(qe);break}},[o]),h.default.createElement(Ke,null,e)},Ke=r("div",{width:"2rem",height:"2rem",backgroundColor:"#fff",borderRadius:"50%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",position:"absolute",left:"50%",top:"50%",margin:"-1rem 0 0 -1rem",boxShadow:"5px 5px 13px #0003",svg:{height:"1rem",width:"1rem",color:"$accent",fill:"$accent"}}),de=Je;var Qe=({isFocused:o,label:e,status:t,summary:n,thumbnail:i})=>{let m=(0,p.useRef)(null);return p.default.createElement(se,{isFocused:o},p.default.createElement(me.Root,{ratio:1/1},p.default.createElement(ie,{ref:m}),p.default.createElement(ae,null,i&&t===200?p.default.createElement(pe.Thumbnail,{altAsLabel:e,thumbnail:i}):p.default.createElement(de,{status:t}))),p.default.createElement("figcaption",null,p.default.createElement(le,{label:e}),n&&p.default.createElement(ce,{summary:n})))},ue=Qe;var fe=r("a",{color:"black",textDecoration:"none"}),he=r("div",{position:"relative",zIndex:"0",borderRadius:"3px"});var c=d(require("react"));var ge=r("div",{position:"absolute",zIndex:"2",width:"100%",opacity:"0",top:"0",variants:{isFocused:{true:{opacity:"1"}}}}),be=r("div",{width:"100%",height:"100%",display:"flex",flexDirection:"column",justifyContent:"flex-end",zIndex:"1"}),xe=r("div",{display:"flex",justifyContent:"center",padding:"$2 $2 0",background:"linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%)",cursor:"default",button:{width:"$4",height:"$4",display:"flex",flexDirection:"column",textAlign:"center",justifyContent:"center",alignItems:"center",borderRadious:"100%",backgroundColor:"transparent",border:"none",cursor:"pointer","&:disabled":{opacity:"0.2"},svg:{width:"100%",fill:"$secondary",stroke:"$secondary",color:"$secondary"}}}),Ce=r("div",{display:"flex",justifyContent:"center",backgroundColor:"rgba(0,0,0,0.7)",color:"$secondaryAlt",fontSize:"$1",padding:"$1",cursor:"default"});var ye=d(require("@radix-ui/react-aspect-ratio"));var Xe=({activeCanvas:o,handleActiveCanvas:e,isFocused:t,manifest:n})=>{let[i,m]=(0,c.useState)(!1),[w,S]=(0,c.useState)(!1),g=o+1,u=0;return n&&(u=n.items.length),(0,c.useEffect)(()=>{g<=1?m(!1):m(!0),g>=u?S(!1):S(!0)},[o,n]),c.default.createElement(ge,{isFocused:t},c.default.createElement(ye.Root,{ratio:1/1},n&&c.default.createElement(be,null,c.default.createElement(xe,{onClick:b=>b.preventDefault()},c.default.createElement("button",{onClick:()=>e(-1),disabled:!i},c.default.createElement(D,null)),c.default.createElement("button",{onClick:()=>e(1),disabled:!w},c.default.createElement(H,null))),c.default.createElement(Ce,{onClick:b=>b.preventDefault()},g," of ",u))))},ve=Xe;var we=(o,e)=>{if(o.thumbnail.length!==0)return o.thumbnail;let t=e.get(o.items[0]);return e.get(t.items[0]).body};var Se=d(require("@radix-ui/react-aspect-ratio")),W=d(require("react"));var Ye=({backgroundImage:o})=>W.default.createElement(_e,null,W.default.createElement(Ze,{ratio:1/1,css:{backgroundImage:`url(${o})`}})),Ze=r(Se.Root,{backgroundSize:"cover",backgroundRepeat:"no-repeat",backgroundPosition:"50% 50%",filter:"blur(3em)",opacity:"0.7"}),_e=r("div",{position:"absolute",width:"100%",overflow:"hidden",backgroundColor:"#716C6B"}),Ie=Ye;var eo=({index:o,item:e})=>{let t=M(),{vault:n}=t,[i,m]=(0,s.useState)(0),[w,S]=(0,s.useState)(),[g,u]=(0,s.useState)(e.id),[b,G]=(0,s.useState)(!1),[I,Ae]=(0,s.useState)(),[O,Me]=(0,s.useState)(),[ze,R]=(0,s.useState)(200),[He,U]=(0,s.useState)([]);(0,s.useEffect)(()=>{b&&setTimeout(()=>{I||n.load(e.id).then(x=>Ae(x)).catch(x=>{console.error(`Manifest failed to load: ${x}`)})},1e3)},[b]),(0,s.useEffect)(()=>{var x,$;if((e==null?void 0:e.thumbnail)&&((x=e.thumbnail)==null?void 0:x.length)>0){let P=n.get(e.thumbnail);U(P),Me(P[0].id)}(e==null?void 0:e.homepage)&&(($=e.homepage)==null?void 0:$.length)>0&&S(e.homepage[0].id)},[]);let q=()=>G(!0),J=()=>G(!1),K=x=>{if(!I)return;let $=i+x,P=n.get(I.items[$]),Be=we(P,n),F=n.get(Be);F.length>0&&F[0].id&&(U(F),fetch(F[0].id,{method:"GET",headers:{accept:"image/*"},credentials:"include"}).then(T=>R(T.status)).catch(T=>R(T.status))),u(P.id),m($)};return(0,s.useEffect)(()=>{I&&K(0)},[I]),s.default.createElement(he,null,s.default.createElement(fe,{href:w,tabIndex:0,onFocus:q,onBlur:J,onMouseEnter:q,onMouseLeave:J},O&&s.default.createElement(Ie,{backgroundImage:O}),s.default.createElement(ue,{index:o,isFocused:b,key:g,label:e.label,summary:e.summary,status:ze,thumbnail:He}),s.default.createElement(ve,{manifest:I,activeCanvas:i,handleActiveCanvas:K,isFocused:b})))},$e=eo;var Pe=r("div",{"& .swiper-slide":{}});var E=require("swiper"),N=require("swiper/react"),oo={640:{slidesPerView:2,slidesPerGroup:2,spaceBetween:20},768:{slidesPerView:3,slidesPerGroup:3,spaceBetween:30},1024:{slidesPerView:4,slidesPerGroup:4,spaceBetween:40},1366:{slidesPerView:5,slidesPerGroup:5,spaceBetween:50},1920:{slidesPerView:6,slidesPerGroup:6,spaceBetween:60}},to=({breakpoints:o=oo,instance:e,items:t})=>{let n=(0,v.useRef)(null);return v.default.createElement(Pe,{ref:n},v.default.createElement(N.Swiper,{a11y:{prevSlideMessage:"previous item",nextSlideMessage:"next item"},spaceBetween:31,modules:[E.Navigation,E.A11y],navigation:{nextEl:`.bloom-next-${e}`,prevEl:`.bloom-previous-${e}`},slidesPerView:2,slidesPerGroup:2,breakpoints:o},t.map((i,m)=>v.default.createElement(N.SwiperSlide,{key:`${i.id}-${m}`},v.default.createElement($e,{index:m,item:i})))))},ke=to;var ro=o=>{var e=0,t=o.length,n=0;if(t>0)for(;n<t;)e=(e<<5)-e+o.charCodeAt(n++)|0;return e},Fe=ro;var no=o=>l.default.createElement(Z,null,l.default.createElement(io,{...o})),io=({collectionId:o,options:e={}})=>{let t=M(),{vault:n}=t,[i,m]=(0,l.useState)(),[w,S]=(0,l.useState)("");if((0,l.useEffect)(()=>{!o||n.loadCollection(o).then(u=>m(u)).catch(u=>{console.error(`Collection failed to load: ${u}`),S(u instanceof Error?u.message:"Collection failed to load")}).finally(()=>{})},[o]),(i==null?void 0:i.items.length)===0)return console.log(`The IIIF collection ${o} does not contain items.`),l.default.createElement(l.default.Fragment,null);let g=Fe(o);return w?l.default.createElement("p",{style:{padding:"1rem"}},"Error loading Collection: ",w):i?l.default.createElement(so,null,l.default.createElement(ne,{label:i.label,summary:i&&i.summary?i.summary:{none:[""]},homepage:i.homepage,instance:g}),l.default.createElement(ke,{items:i.items,instance:g,breakpoints:Boolean(e.breakpoints)?e.breakpoints:void 0})):l.default.createElement(l.default.Fragment,null)},so=r("div",{padding:"$4 0"}),ao=no;
 //# sourceMappingURL=index.cjs.js.map

dist/index.esm.js

@@ -1,2 +0,2 @@
-import m,{useEffect as qe,useState as ue}from"react";import g from"react";import{Vault as Ce}from"@iiif/vault";var I={isLoaded:!1,vault:new Ce},T=g.createContext(I),ye=g.createContext(I);function ve(o,e){switch(e.type){case"updateIsLoaded":return{...o,isLoaded:e.isLoaded};default:throw new Error(`Unhandled action type: ${e.type}`)}}var V=({initialState:o=I,children:e})=>{let[i,t]=g.useReducer(ve,o);return g.createElement(T.Provider,{value:i},g.createElement(ye.Provider,{value:t},e))};function v(){let o=g.useContext(T);if(o===void 0)throw new Error("useViewerState must be used within a ViewerProvider");return o}import s,{useEffect as Pe,useState as Ie}from"react";import{createStitches as we}from"@stitches/react";var c=o=>1.618**o;var j={1:"0.382rem",2:"0.618rem",3:"1rem",4:"1.618rem",5:`calc(1rem * ${c(2)})`,6:`calc(1rem * ${c(3)})`,7:`calc(1rem * ${c(4)})`,8:`calc(1rem * ${c(5)})`,9:`calc(1rem * ${c(6)})`,10:`calc(1rem * ${c(7)})`,11:`calc(1rem * ${c(8)})`,12:`calc(1rem * ${c(9)})`},Se={colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"#006adc",accentMuted:"#5eb0ef",accentAlt:"#00254d",secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fonts:{sans:"'Inter', Arial, sans-serif",display:"'Calistoga', 'Inter', Arial, sans-serif"},fontSizes:{1:"0.611rem",2:"0.722rem",3:"0.833rem",4:"1rem",5:"1.177rem",6:"1.318rem",7:`calc(1rem * ${c(1)})`,8:`calc(1rem * ${c(2)})`,9:`calc(1rem * ${c(3)})`},sizes:{...j},space:{...j},transitions:{all:"all 250ms cubic-bezier(0.16, 1, 0.3, 1)",load:"all 1.25s cubic-bezier(0.16, 1, 0.3, 1)"}},$e={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",xl:"(max-width: 1199px)",lg:"(min-width: 1200px)"},{styled:r,css:eo,keyframes:oo,createTheme:to}=we({theme:Se,media:$e});var G=r("div",{display:"flex",flexDirection:"column"}),W=r("div",{display:"flex",flexDirection:"row",alignItems:"center",paddingLeft:"$5",paddingRight:"$4","@xs":{width:"100%",justifyContent:"center",padding:"$4 $1 0 0"}}),O=r("div",{display:"flex",flexDirection:"row",justifyContent:"space-between",paddingBottom:"$4",margin:"0",color:"$primary",lineHeight:"1.4em",alignItems:"flex-end","@xs":{flexDirection:"column"},".bloom-header-homepage":{color:"$accent",textDecoration:"none"},".bloom-header-label":{fontSize:"$6",fontWeight:"400",fontFamily:"$display"},".bloom-header-summary":{fontSize:"$4",marginTop:"$2"}});import{Homepage as ke,Label as R,Summary as Fe}from"@samvera/nectar-iiif";import k from"react";var w=()=>k.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},k.createElement("title",null,"Next"),k.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:"10",strokeWidth:"45",d:"M268 112l144 144-144 144M392 256H100"}));import F from"react";var S=()=>F.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},F.createElement("title",null,"Previous"),F.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:"10",strokeWidth:"45",d:"M244 400L100 256l144-144M120 256h292"}));var C=r("div",{display:"flex",background:"none",border:"none",width:"2rem !important",height:"2rem !important",padding:"0",margin:"0",borderRadius:"2rem",backgroundColor:"$accent",color:"$secondary",cursor:"pointer",boxSizing:"content-box !important",transition:"$all",justifyContent:"center",alignItems:"center",svg:{height:"60%",width:"60%",fill:"$secondary",stroke:"$secondary",opacity:"1",filter:"drop-shadow(5px 5px 5px #000D)",transition:"$all"}}),A=r("button",{zIndex:"1",border:"none",cursor:"pointer",background:"transparent",marginLeft:"$2",padding:"0",["&:disabled"]:{[`> ${C}`]:{backgroundColor:"$secondaryAlt",boxShadow:"none",svg:{fill:"$secondaryMuted",stroke:"$secondaryMuted",filter:"unset"}}},["&:hover:enabled"]:{[`> ${C}`]:{backgroundColor:"$accentAlt",boxShadow:"3px 3px 11px #0003",["&:disabled"]:{boxShadow:"unset"}}}});var Ae=({homepage:o,instance:e,label:i,summary:t})=>{let[n,a]=Ie(!1);return Pe(()=>{o.length>0&&a(!0)},[o]),s.createElement(O,null,s.createElement(G,null,n?s.createElement(ke,{homepage:o,className:"bloom-header-homepage"},s.createElement(R,{label:i,as:"span",className:"bloom-header-label"})):s.createElement(R,{label:i,as:"span",className:"bloom-header-label"}),t&&s.createElement(Fe,{summary:t,as:"span",className:"bloom-header-summary"})),s.createElement(W,null,s.createElement(A,{className:`bloom-previous-${e}`,"aria-label":"previous"},s.createElement(C,null,s.createElement(S,null))),s.createElement(A,{className:`bloom-next-${e}`,"aria-label":"next"},s.createElement(C,null,s.createElement(w,null)))))},U=Ae;import P,{useRef as Te}from"react";import $,{useEffect as M,useState as y}from"react";import f,{useRef as He}from"react";import{Label as Me,Summary as De}from"@samvera/nectar-iiif";var q=r("div",{position:"absolute",width:"100%",backgroundColor:"green"}),J=r("figure",{display:"flex",flexDirection:"column",margin:"0 0 $2",flexGrow:"0",flexShrink:"0",borderRadius:"3px",transition:"$all",img:{position:"absolute",display:"flex",flexDirection:"column",objectFit:"cover",zIndex:"0",width:"100%",height:"100%",color:"transparent"},video:{position:"absolute",display:"flex",flexDirection:"column",objectFit:"cover",zIndex:"1",width:"100%",height:"100%",color:"transparent",opacity:"0",transition:"$load",borderRadius:"3px"},figcaption:{display:"flex",flexDirection:"column",padding:"$2 0",color:"$primary",transition:"$all"},variants:{isFocused:{true:{video:{opacity:"1"},figcaption:{color:"$accent"}}}}}),K=r("span",{display:"flex",position:"relative",backgroundColor:"$secondaryAlt",width:"100%",height:"100%",overflow:"hidden",borderRadius:"3px",boxShadow:"none",transition:"$all"}),Q=r(Me,{fontSize:"$3",fontWeight:"700"}),X=r(De,{fontSize:"$2",marginTop:"$1",color:"$primary"});import*as Y from"@radix-ui/react-aspect-ratio";import{Thumbnail as ze}from"@samvera/nectar-iiif";var Le=({isFocused:o,label:e,summary:i,thumbnail:t})=>{let n=He(null);return f.createElement(J,{isFocused:o},f.createElement(Y.Root,{ratio:1/1},f.createElement(q,{ref:n}),f.createElement(K,null,t&&f.createElement(ze,{altAsLabel:e,thumbnail:t}))),f.createElement("figcaption",null,f.createElement(Q,{label:e}),i&&f.createElement(X,{summary:i})))},Z=Le;var _=r("a",{color:"black",textDecoration:"none"}),ee=r("div",{position:"relative",zIndex:"0",borderRadius:"3px"});import p,{useEffect as Be,useState as ie}from"react";var oe=r("div",{position:"absolute",zIndex:"2",width:"100%",opacity:"0",top:"0",variants:{isFocused:{true:{opacity:"1"}}}}),te=r("div",{width:"100%",height:"100%",display:"flex",flexDirection:"column",justifyContent:"flex-end",zIndex:"1"}),re=r("div",{display:"flex",justifyContent:"center",padding:"$2 $2 0",background:"linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%)",cursor:"default",button:{width:"$4",height:"$4",display:"flex",flexDirection:"column",textAlign:"center",justifyContent:"center",alignItems:"center",borderRadious:"100%",backgroundColor:"transparent",border:"none",cursor:"pointer","&:disabled":{opacity:"0.2"},svg:{width:"100%",fill:"$secondary",stroke:"$secondary",color:"$secondary"}}}),ne=r("div",{display:"flex",justifyContent:"center",backgroundColor:"rgba(0,0,0,0.7)",color:"$secondaryAlt",fontSize:"$1",padding:"$1",cursor:"default"});import*as se from"@radix-ui/react-aspect-ratio";var Ne=({activeCanvas:o,handleActiveCanvas:e,isFocused:i,manifest:t})=>{let[n,a]=ie(!1),[x,b]=ie(!1),u=o+1,l=0;return t&&(l=t.items.length),Be(()=>{u<=1?a(!1):a(!0),u>=l?b(!1):b(!0)},[o,t]),p.createElement(oe,{isFocused:i},p.createElement(se.Root,{ratio:1/1},t&&p.createElement(te,null,p.createElement(re,{onClick:d=>d.preventDefault()},p.createElement("button",{onClick:()=>e(-1),disabled:!n},p.createElement(S,null)),p.createElement("button",{onClick:()=>e(1),disabled:!x},p.createElement(w,null))),p.createElement(ne,{onClick:d=>d.preventDefault()},u," of ",l))))},ae=Ne;var le=(o,e)=>{if(o.thumbnail.length!==0)return o.thumbnail;let i=e.get(o.items[0]);return e.get(i.items[0]).body};var Ee=({index:o,item:e})=>{var B;let i=v(),{vault:t}=i,[n,a]=y(!1),[x,b]=y(0),[u,l]=y(e.thumbnail),[d,fe]=y(),[xe,he]=y(e.id);M(()=>{n&&setTimeout(()=>{d||t.load(e.id).then(h=>fe(h)).catch(h=>{console.error(`Manifest failed to load: ${h}`)})},1e3)},[n]),M(()=>{if(!(e!=null&&e.thumbnail))return;let h=t.get(e.thumbnail);l(h)},[]);let D=()=>a(!0),H=()=>a(!1),z=h=>{if(!d)return;let N=x+h,E=t.get(d.items[N]),be=le(E,t),ge=t.get(be);he(E.id),l(ge),b(N)};M(()=>{d&&z(0)},[d]);let L;return((B=e.homepage)==null?void 0:B.length)>0&&(L=e.homepage[0].id),$.createElement(ee,null,$.createElement(_,{href:L,tabIndex:0,onFocus:D,onBlur:H,onMouseEnter:D,onMouseLeave:H},$.createElement(Z,{index:o,isFocused:n,key:xe,label:e.label,summary:e.summary,thumbnail:u}),$.createElement(ae,{manifest:d,activeCanvas:x,handleActiveCanvas:z,isFocused:n})))},ce=Ee;var de=r("div",{"& .swiper-slide":{}});import{Navigation as Ve,A11y as je}from"swiper";import{Swiper as Ge,SwiperSlide as We}from"swiper/react";var Oe={640:{slidesPerView:2,slidesPerGroup:2,spaceBetween:20},768:{slidesPerView:3,slidesPerGroup:3,spaceBetween:30},1024:{slidesPerView:4,slidesPerGroup:4,spaceBetween:40},1366:{slidesPerView:5,slidesPerGroup:5,spaceBetween:50},1920:{slidesPerView:6,slidesPerGroup:6,spaceBetween:60}},Re=({breakpoints:o=Oe,instance:e,items:i})=>{let t=Te(null);return P.createElement(de,{ref:t},P.createElement(Ge,{a11y:{prevSlideMessage:"previous item",nextSlideMessage:"next item"},spaceBetween:31,modules:[Ve,je],navigation:{nextEl:`.bloom-next-${e}`,prevEl:`.bloom-previous-${e}`},slidesPerView:2,slidesPerGroup:2,breakpoints:o},i.map((n,a)=>P.createElement(We,{key:`${n.id}-${a}`},P.createElement(ce,{index:a,item:n})))))},me=Re;var Ue=o=>{var e=0,i=o.length,t=0;if(i>0)for(;t<i;)e=(e<<5)-e+o.charCodeAt(t++)|0;return e},pe=Ue;var Je=o=>m.createElement(V,null,m.createElement(Ke,{...o})),Ke=({collectionId:o,options:e={}})=>{let i=v(),{vault:t}=i,[n,a]=ue(),[x,b]=ue("");if(qe(()=>{!o||t.loadCollection(o).then(l=>a(l)).catch(l=>{console.error(`Collection failed to load: ${l}`),b(l instanceof Error?l.message:"Collection failed to load")}).finally(()=>{})},[o]),(n==null?void 0:n.items.length)===0)return console.log(`The IIIF collection ${o} does not contain items.`),m.createElement(m.Fragment,null);let u=pe(o);return x?m.createElement("p",{style:{padding:"1rem"}},"Error loading Collection: ",x):n?m.createElement(Qe,null,m.createElement(U,{label:n.label,summary:n&&n.summary?n.summary:{none:[""]},homepage:n.homepage,instance:u}),m.createElement(me,{items:n.items,instance:u,breakpoints:Boolean(e.breakpoints)?e.breakpoints:void 0})):m.createElement(m.Fragment,null)},Qe=r("div",{padding:"$4 0"}),pt=Je;export{pt as default};
+import d,{useEffect as mo,useState as Se}from"react";import y from"react";import{Vault as Ae}from"@iiif/vault";var H={isLoaded:!1,vault:new Ae},R=y.createContext(H),Me=y.createContext(H);function ze(o,e){switch(e.type){case"updateIsLoaded":return{...o,isLoaded:e.isLoaded};default:throw new Error(`Unhandled action type: ${e.type}`)}}var U=({initialState:o=H,children:e})=>{let[i,r]=y.useReducer(ze,o);return y.createElement(R.Provider,{value:i},y.createElement(Me.Provider,{value:r},e))};function k(){let o=y.useContext(R);if(o===void 0)throw new Error("useViewerState must be used within a ViewerProvider");return o}import a,{useEffect as Le,useState as Ee}from"react";import{createStitches as He}from"@stitches/react";var c=o=>1.618**o;var q={1:"0.382rem",2:"0.618rem",3:"1rem",4:"1.618rem",5:`calc(1rem * ${c(2)})`,6:`calc(1rem * ${c(3)})`,7:`calc(1rem * ${c(4)})`,8:`calc(1rem * ${c(5)})`,9:`calc(1rem * ${c(6)})`,10:`calc(1rem * ${c(7)})`,11:`calc(1rem * ${c(8)})`,12:`calc(1rem * ${c(9)})`},Be={colors:{primary:"#1a1d1e",primaryMuted:"#26292b",primaryAlt:"#151718",accent:"#006adc",accentMuted:"#5eb0ef",accentAlt:"#00254d",secondary:"#FFFFFF",secondaryMuted:"#e6e8eb",secondaryAlt:"#c1c8cd"},fonts:{sans:"'Inter', Arial, sans-serif",display:"'Calistoga', 'Inter', Arial, sans-serif"},fontSizes:{1:"0.611rem",2:"0.722rem",3:"0.833rem",4:"1rem",5:"1.177rem",6:"1.318rem",7:`calc(1rem * ${c(1)})`,8:`calc(1rem * ${c(2)})`,9:`calc(1rem * ${c(3)})`},sizes:{...q},space:{...q},transitions:{all:"all 250ms cubic-bezier(0.16, 1, 0.3, 1)",load:"all 1.25s cubic-bezier(0.16, 1, 0.3, 1)"}},De={xxs:"(max-width: 349px)",xs:"(max-width: 575px)",sm:"(max-width: 767px)",md:"(max-width: 991px)",xl:"(max-width: 1199px)",lg:"(min-width: 1200px)"},{styled:t,css:Co,keyframes:yo,createTheme:vo}=He({theme:Be,media:De});var J=t("div",{display:"flex",flexDirection:"column"}),K=t("div",{display:"flex",flexDirection:"row",alignItems:"center",paddingLeft:"$5",paddingRight:"$4","@xs":{width:"100%",justifyContent:"center",padding:"$4 $1 0 0"}}),Q=t("div",{display:"flex",flexDirection:"row",justifyContent:"space-between",paddingBottom:"$4",margin:"0",color:"$primary",lineHeight:"1.4em",alignItems:"flex-end","@xs":{flexDirection:"column"},".bloom-header-homepage":{color:"$accent",textDecoration:"none"},".bloom-header-label":{fontSize:"$6",fontWeight:"400",fontFamily:"$display"},".bloom-header-summary":{fontSize:"$4",marginTop:"$2"}});import{Homepage as Ne,Label as X,Summary as Te}from"@samvera/nectar-iiif";import B from"react";var F=()=>B.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},B.createElement("title",null,"Next"),B.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:"10",strokeWidth:"45",d:"M268 112l144 144-144 144M392 256H100"}));import D from"react";var A=()=>D.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},D.createElement("title",null,"Previous"),D.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:"10",strokeWidth:"45",d:"M244 400L100 256l144-144M120 256h292"}));var I=t("div",{display:"flex",background:"none",border:"none",width:"2rem !important",height:"2rem !important",padding:"0",margin:"0",borderRadius:"2rem",backgroundColor:"$accent",color:"$secondary",cursor:"pointer",boxSizing:"content-box !important",transition:"$all",justifyContent:"center",alignItems:"center",svg:{height:"60%",width:"60%",fill:"$secondary",stroke:"$secondary",opacity:"1",filter:"drop-shadow(5px 5px 5px #000D)",transition:"$all"}}),L=t("button",{zIndex:"1",border:"none",cursor:"pointer",background:"transparent",marginLeft:"$2",padding:"0",["&:disabled"]:{[`> ${I}`]:{backgroundColor:"$secondaryAlt",boxShadow:"none",svg:{fill:"$secondaryMuted",stroke:"$secondaryMuted",filter:"unset"}}},["&:hover:enabled"]:{[`> ${I}`]:{backgroundColor:"$accentAlt",boxShadow:"3px 3px 11px #0003",["&:disabled"]:{boxShadow:"unset"}}}});var Ve=({homepage:o,instance:e,label:i,summary:r})=>{let[n,s]=Ee(!1);return Le(()=>{o.length>0&&s(!0)},[o]),a.createElement(Q,null,a.createElement(J,null,n?a.createElement(Ne,{homepage:o,className:"bloom-header-homepage"},a.createElement(X,{label:i,as:"span",className:"bloom-header-label"})):a.createElement(X,{label:i,as:"span",className:"bloom-header-label"}),r&&a.createElement(Te,{summary:r,as:"span",className:"bloom-header-summary"})),a.createElement(K,null,a.createElement(L,{className:`bloom-previous-${e}`,"aria-label":"previous"},a.createElement(I,null,a.createElement(A,null))),a.createElement(L,{className:`bloom-next-${e}`,"aria-label":"next"},a.createElement(I,null,a.createElement(F,null)))))},Y=Ve;import M,{useRef as to}from"react";import $,{useEffect as E,useState as g}from"react";import*as ne from"@radix-ui/react-aspect-ratio";import{Label as je,Summary as We}from"@samvera/nectar-iiif";var Z=t("div",{position:"absolute",width:"100%",backgroundColor:"green"}),_=t("figure",{display:"flex",flexDirection:"column",margin:"0 0 $2",flexGrow:"0",flexShrink:"0",borderRadius:"3px",transition:"$all",img:{position:"absolute",display:"flex",flexDirection:"column",objectFit:"cover",zIndex:"0",width:"100%",height:"100%",color:"transparent"},video:{position:"absolute",display:"flex",flexDirection:"column",objectFit:"cover",zIndex:"1",width:"100%",height:"100%",color:"transparent",opacity:"0",transition:"$load",borderRadius:"3px"},figcaption:{display:"flex",flexDirection:"column",padding:"$2 0",color:"$primary",transition:"$all"},variants:{isFocused:{true:{video:{opacity:"1"},figcaption:{color:"$accent"}}}}}),ee=t("span",{display:"flex",position:"relative",width:"100%",height:"100%",overflow:"hidden",borderRadius:"3px",boxShadow:"none",transition:"$all"}),oe=t(je,{fontSize:"$3",fontWeight:"700"}),te=t(We,{fontSize:"$2",marginTop:"$1",color:"$primary"});import m,{useRef as Je}from"react";import{Thumbnail as Ke}from"@samvera/nectar-iiif";import v,{useEffect as Ge,useState as Oe}from"react";var Re=v.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",className:"icon-lock",viewBox:"0 0 512 512"},v.createElement("title",null,"Restricted Item"),v.createElement("path",{d:"M368 192h-16v-80a96 96 0 10-192 0v80h-16a64.07 64.07 0 00-64 64v176a64.07 64.07 0 0064 64h224a64.07 64.07 0 0064-64V256a64.07 64.07 0 00-64-64zm-48 0H192v-80a64 64 0 11128 0z"})),Ue=({status:o})=>{let[e,i]=Oe(v.createElement(v.Fragment,null));return Ge(()=>{switch(o){case 403:i(Re);break}},[o]),v.createElement(qe,null,e)},qe=t("div",{width:"2rem",height:"2rem",backgroundColor:"#fff",borderRadius:"50%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",position:"absolute",left:"50%",top:"50%",margin:"-1rem 0 0 -1rem",boxShadow:"5px 5px 13px #0003",svg:{height:"1rem",width:"1rem",color:"$accent",fill:"$accent"}}),re=Ue;var Qe=({isFocused:o,label:e,status:i,summary:r,thumbnail:n})=>{let s=Je(null);return m.createElement(_,{isFocused:o},m.createElement(ne.Root,{ratio:1/1},m.createElement(Z,{ref:s}),m.createElement(ee,null,n&&i===200?m.createElement(Ke,{altAsLabel:e,thumbnail:n}):m.createElement(re,{status:i}))),m.createElement("figcaption",null,m.createElement(oe,{label:e}),r&&m.createElement(te,{summary:r})))},ie=Qe;var se=t("a",{color:"black",textDecoration:"none"}),ae=t("div",{position:"relative",zIndex:"0",borderRadius:"3px"});import p,{useEffect as Xe,useState as pe}from"react";var le=t("div",{position:"absolute",zIndex:"2",width:"100%",opacity:"0",top:"0",variants:{isFocused:{true:{opacity:"1"}}}}),ce=t("div",{width:"100%",height:"100%",display:"flex",flexDirection:"column",justifyContent:"flex-end",zIndex:"1"}),de=t("div",{display:"flex",justifyContent:"center",padding:"$2 $2 0",background:"linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%)",cursor:"default",button:{width:"$4",height:"$4",display:"flex",flexDirection:"column",textAlign:"center",justifyContent:"center",alignItems:"center",borderRadious:"100%",backgroundColor:"transparent",border:"none",cursor:"pointer","&:disabled":{opacity:"0.2"},svg:{width:"100%",fill:"$secondary",stroke:"$secondary",color:"$secondary"}}}),me=t("div",{display:"flex",justifyContent:"center",backgroundColor:"rgba(0,0,0,0.7)",color:"$secondaryAlt",fontSize:"$1",padding:"$1",cursor:"default"});import*as ue from"@radix-ui/react-aspect-ratio";var Ye=({activeCanvas:o,handleActiveCanvas:e,isFocused:i,manifest:r})=>{let[n,s]=pe(!1),[b,x]=pe(!1),u=o+1,l=0;return r&&(l=r.items.length),Xe(()=>{u<=1?s(!1):s(!0),u>=l?x(!1):x(!0)},[o,r]),p.createElement(le,{isFocused:i},p.createElement(ue.Root,{ratio:1/1},r&&p.createElement(ce,null,p.createElement(de,{onClick:f=>f.preventDefault()},p.createElement("button",{onClick:()=>e(-1),disabled:!n},p.createElement(A,null)),p.createElement("button",{onClick:()=>e(1),disabled:!b},p.createElement(F,null))),p.createElement(me,{onClick:f=>f.preventDefault()},u," of ",l))))},fe=Ye;var he=(o,e)=>{if(o.thumbnail.length!==0)return o.thumbnail;let i=e.get(o.items[0]);return e.get(i.items[0]).body};import*as be from"@radix-ui/react-aspect-ratio";import ge from"react";var Ze=({backgroundImage:o})=>ge.createElement(eo,null,ge.createElement(_e,{ratio:1/1,css:{backgroundImage:`url(${o})`}})),_e=t(be.Root,{backgroundSize:"cover",backgroundRepeat:"no-repeat",backgroundPosition:"50% 50%",filter:"blur(3em)",opacity:"0.7"}),eo=t("div",{position:"absolute",width:"100%",overflow:"hidden",backgroundColor:"#716C6B"}),xe=Ze;var oo=({index:o,item:e})=>{let i=k(),{vault:r}=i,[n,s]=g(0),[b,x]=g(),[u,l]=g(e.id),[f,N]=g(!1),[C,Ie]=g(),[T,$e]=g(),[Pe,V]=g(200),[ke,j]=g([]);E(()=>{f&&setTimeout(()=>{C||r.load(e.id).then(h=>Ie(h)).catch(h=>{console.error(`Manifest failed to load: ${h}`)})},1e3)},[f]),E(()=>{var h,w;if((e==null?void 0:e.thumbnail)&&((h=e.thumbnail)==null?void 0:h.length)>0){let S=r.get(e.thumbnail);j(S),$e(S[0].id)}(e==null?void 0:e.homepage)&&((w=e.homepage)==null?void 0:w.length)>0&&x(e.homepage[0].id)},[]);let W=()=>N(!0),G=()=>N(!1),O=h=>{if(!C)return;let w=n+h,S=r.get(C.items[w]),Fe=he(S,r),P=r.get(Fe);P.length>0&&P[0].id&&(j(P),fetch(P[0].id,{method:"GET",headers:{accept:"image/*"},credentials:"include"}).then(z=>V(z.status)).catch(z=>V(z.status))),l(S.id),s(w)};return E(()=>{C&&O(0)},[C]),$.createElement(ae,null,$.createElement(se,{href:b,tabIndex:0,onFocus:W,onBlur:G,onMouseEnter:W,onMouseLeave:G},T&&$.createElement(xe,{backgroundImage:T}),$.createElement(ie,{index:o,isFocused:f,key:u,label:e.label,summary:e.summary,status:Pe,thumbnail:ke}),$.createElement(fe,{manifest:C,activeCanvas:n,handleActiveCanvas:O,isFocused:f})))},Ce=oo;var ye=t("div",{"& .swiper-slide":{}});import{Navigation as ro,A11y as no}from"swiper";import{Swiper as io,SwiperSlide as so}from"swiper/react";var ao={640:{slidesPerView:2,slidesPerGroup:2,spaceBetween:20},768:{slidesPerView:3,slidesPerGroup:3,spaceBetween:30},1024:{slidesPerView:4,slidesPerGroup:4,spaceBetween:40},1366:{slidesPerView:5,slidesPerGroup:5,spaceBetween:50},1920:{slidesPerView:6,slidesPerGroup:6,spaceBetween:60}},lo=({breakpoints:o=ao,instance:e,items:i})=>{let r=to(null);return M.createElement(ye,{ref:r},M.createElement(io,{a11y:{prevSlideMessage:"previous item",nextSlideMessage:"next item"},spaceBetween:31,modules:[ro,no],navigation:{nextEl:`.bloom-next-${e}`,prevEl:`.bloom-previous-${e}`},slidesPerView:2,slidesPerGroup:2,breakpoints:o},i.map((n,s)=>M.createElement(so,{key:`${n.id}-${s}`},M.createElement(Ce,{index:s,item:n})))))},ve=lo;var co=o=>{var e=0,i=o.length,r=0;if(i>0)for(;r<i;)e=(e<<5)-e+o.charCodeAt(r++)|0;return e},we=co;var po=o=>d.createElement(U,null,d.createElement(uo,{...o})),uo=({collectionId:o,options:e={}})=>{let i=k(),{vault:r}=i,[n,s]=Se(),[b,x]=Se("");if(mo(()=>{!o||r.loadCollection(o).then(l=>s(l)).catch(l=>{console.error(`Collection failed to load: ${l}`),x(l instanceof Error?l.message:"Collection failed to load")}).finally(()=>{})},[o]),(n==null?void 0:n.items.length)===0)return console.log(`The IIIF collection ${o} does not contain items.`),d.createElement(d.Fragment,null);let u=we(o);return b?d.createElement("p",{style:{padding:"1rem"}},"Error loading Collection: ",b):n?d.createElement(fo,null,d.createElement(Y,{label:n.label,summary:n&&n.summary?n.summary:{none:[""]},homepage:n.homepage,instance:u}),d.createElement(ve,{items:n.items,instance:u,breakpoints:Boolean(e.breakpoints)?e.breakpoints:void 0})):d.createElement(d.Fragment,null)},fo=t("div",{padding:"$4 0"}),Lt=po;export{Lt as default};
 //# sourceMappingURL=index.esm.js.map

package.json

 {
   "name": "@samvera/bloom-iiif",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "description": "<img src=\"https://user-images.githubusercontent.com/7376450/160845852-39bf8942-1db4-41ee-881f-889ba2a4f61e.png\" class=\"bloom-screenshot\" alt=\"Bloom screenshot\"/>",
@@ -54,2 +54,3 @@ "main": "dist/index.cjs.js",
     "@iiif/vault": "^0.9.19",
+    "@iiif/vault-helpers": "^0.9.11",
     "@radix-ui/react-aspect-ratio": "^1.0.1",
@@ -56,0 +57,0 @@ "@samvera/nectar-iiif": "^0.0.18",

New alerts

Network access

Supply chain risk

This module accesses the network.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

124710

increased by12.64%

Lines of code

103

increased by13.19%

Worsened metrics

Dependency count

8

increased by14.29%

Number of medium supply chain risk alerts

2

increased by100%

Dependency changes

• + Added@iiif/vault-helpers@^0.9.11

• + Added@atlas-viewer/iiif-image-api@2.2.1(transitive)

• + Added@iiif/vault-helpers@0.9.11(transitive)

• + Addedabs-svg-path@0.1.1(transitive)

• + Addedhtml-parse-stringify@3.0.1(transitive)

• + Addedi18next@24.2.2(transitive)

• + Addedparse-svg-path@0.1.2(transitive)

• + Addedreact-i18next@11.18.6(transitive)

• + Addedsvg-arc-to-cubic-bezier@3.2.0(transitive)

• + Addedvoid-elements@3.1.0(transitive)