@nulib/clover 4.5.7 → 4.5.9

package/dist/web-components/viewer-BYyFRkAV.mjs

@@ -1 +0,0 @@
-import{D,A as N,d as x,y as E,q as R,T as J,u as s,Q as re,x as X,a as le,l as ae,_,k as j,b as se,c as Z,R as ce,e as ie,z as ee,f as ue,g as de,P as me}from"./shared-9sToDP5G.mjs";import{u as te,P as fe}from"./Panel-ByrpMdLY.mjs";import{T as pe}from"./Tip-B0TpGspf.mjs";import{r as ve,w as ge,p as he,c as q,l as ye,t as be,n as Se,h as Pe}from"./splitting-BnQUxxgH.mjs";import"./styles-Di6TZHyP.mjs";import{P as we}from"./PanelToggle-B1QENm1I.mjs";import{t as Ne}from"./heading-Cjt0f-Eu.mjs";import{I as M}from"./Items-DZ2rblNa.mjs";import{P as ze,L as Oe}from"./Provider-DIANDsur.mjs";import{S as Ee}from"./Status-DCVccIz7.mjs";import{B as Ae}from"./Body-DNMPENDm.mjs";import{Position as xe}from"./Position-D8fef2x7.mjs";import{R as Fe}from"./Root-ChyZ9HKB.mjs";import{u as Be,a as Ie}from"./hooks-2wlZJ5Vj.mjs";import{L as T}from"./Label-BsqpZ2iR.mjs";const $=re(null);function W(e,n){typeof e=="function"?e(n):e&&(e.current=n)}const Ce=D(function({as:n="div",storageKey:o,className:l,style:a,children:c,...i},m){const t=N(null),b=N({}),[g,u]=x({});E(()=>u(ve(o)),[o]);const S=R((f,P)=>u(y=>{const v={...y};return P===void 0?delete v[f]:v[f]=Math.round(P),ge(o,v),v}),[o]),h=J(()=>({sizes:g,setSize:S,specs:b,element:t}),[g,S]);return s($.Provider,{value:h,children:s(n,{ref:f=>{t.current=f,W(m,f)},className:["clover-split",l].filter(Boolean).join(" "),style:{display:"flex",...a},...i,children:c})})}),ne=D(function({as:n="div",size:o,min:l,max:a,name:c,className:i,style:m,children:t,...b},g){const u=X($),S=N(null),[h,f]=x(c??"");E(()=>{if(c)return f(c);const y=he(u==null?void 0:u.element.current);f(String(y.indexOf(S.current)))},[c,u]),u&&h&&(u.specs.current[h]={min:l,max:a,size:o});const P=u&&h?u.sizes[h]:void 0;return s(n,{ref:y=>{S.current=y,W(g,y)},className:["clover-split-pane",i].filter(Boolean).join(" "),"data-split-key":h||void 0,"data-sized":o!==void 0?"":void 0,style:{minWidth:q(l)??0,"--clover-split-size":P!==void 0?`${P}px`:q(o),"--clover-split-max":q(a),...m},...b,children:t})}),Le=D(function({className:n,children:o,onPointerDown:l,onClick:a,onKeyDown:c,...i},m){const t=X($),{t:b,langOf:g}=le(),u=N(null),[S,h]=x(),f=R(()=>{const r=u.current,p=t==null?void 0:t.element.current;return!r||!p||!t?null:ye(r,p,t.specs.current)},[t]),P=R(r=>{const p=f();if(!p||!t)return;const z=Math.min(p.max,Math.max(p.min,r));t.setSize(p.key,z),h({now:z,min:p.min,max:p.max})},[f,t]),y=R(()=>{const r=f();r&&h({now:r.sized.getBoundingClientRect().width,min:r.min,max:r.max})},[f]);E(()=>{const r=t==null?void 0:t.element.current;if(y(),!r||typeof ResizeObserver>"u")return;let p=0;const z=new ResizeObserver(()=>{cancelAnimationFrame(p),p=requestAnimationFrame(y)});return z.observe(r),()=>{cancelAnimationFrame(p),z.disconnect()}},[y,t,t==null?void 0:t.sizes]);const v=r=>{var p;return Math.round(r/(((p=t==null?void 0:t.element.current)==null?void 0:p.clientWidth)||1)*100)},O=()=>{var I,C;const r=f();if(!r||!t)return;const p=((I=t.element.current)==null?void 0:I.clientWidth)??0,z=be((C=t.specs.current[r.key])==null?void 0:C.size,p),B=Se(r,z,t.sizes[r.key]);if(!B.own)return P(B.to);t.setSize(r.key,void 0),h({now:z,min:r.min,max:r.max})},A=N({limits:f,resize:P,step:O});A.current={limits:f,resize:P,step:O};const[w]=x(()=>Pe(()=>u.current,()=>A.current));E(()=>()=>w.dispose(),[w]);const F=i["aria-label"]??b("splitHandle");return s("div",{ref:r=>{u.current=r,W(m,r)},role:"separator","aria-orientation":"vertical","aria-label":F,...ae(i["aria-label"]===void 0?g("splitHandle"):void 0),"aria-valuenow":S?v(S.now):void 0,"aria-valuemin":S?v(S.min):void 0,"aria-valuemax":S?v(S.max):void 0,tabIndex:0,className:["clover-split-handle",n].filter(Boolean).join(" "),onPointerDown:r=>{l==null||l(r),w.down(r)},onPointerMove:r=>w.move(r),onPointerUp:r=>w.up(r),onPointerCancel:r=>w.up(r),onClick:r=>{a==null||a(r),w.click(r)},onKeyDown:r=>{c==null||c(r),w.key(r)},...i,children:[o,s(pe,{label:F})]})});let Re,k;const oe=()=>Re??(Re=import("./dragToClose-B2D5gjIv.mjs").then(e=>k=e));function Te(){oe()}function ke(e,{enabled:n,side:o,onClose:l,scrim:a,alongside:c,exits:i=false}){const m=N({enabled:n,side:o,onClose:l,scrim:a,alongside:c,exits:i});m.current={enabled:n,side:o,onClose:l,scrim:a,alongside:c,exits:i},E(()=>{const t=e.current;if(!t||(k==null||k.reset(t,m),!n))return;let b=true,g;return oe().then(u=>{b&&(g=u.attach(t,m))}),()=>{b=false,g==null||g()}},[e,n])}const Me=240,qe="16rem",je="14rem",De=31;function _e(e){const[n,o]=x(e),[l,a]=x(e);return E(()=>{if(e){o(true);const i=requestAnimationFrame(()=>requestAnimationFrame(()=>a(true)));return()=>cancelAnimationFrame(i)}a(false);const c=setTimeout(()=>o(false),Me);return()=>clearTimeout(c)},[e]),{mounted:n,open:e&&l}}function $e(e){const n=o=>e.querySelector(o);return n('[role="tab"][aria-selected="true"]')??n('.clover-sections-button[aria-expanded="true"]')??n(".clover-sections-button")}const We=typeof window>"u"?E:_;function He(e,n){const[o,l]=x();return We(()=>{const a=e.current;if(!a)return;const c=()=>{const m=a.clientWidth;if(!m)return;const t=parseFloat(getComputedStyle(document.documentElement).fontSize);l(m>=n*(t||16))};if(c(),typeof ResizeObserver>"u")return;const i=new ResizeObserver(c);return i.observe(a),()=>i.disconnect()},[e,n]),o}const Q=typeof window>"u"?E:_;function Ge({id:e,beside:n,defaultOpen:o,side:l,focus:a=$e,slides:c=true,alongside:i,followFocus:m}){var G,K;const t=N(null),b=N(null),g=N(null),u=n===false,[S,h]=x(o),[f,P]=x(false),y=u?f:S,v=()=>document.querySelector(`button[aria-controls~="${e}"]`),O=()=>m(v),A=()=>{var d,V,U;(d=t.current)!=null&&d.contains(document.activeElement)&&((V=g.current)==null||V.removeAttribute("inert"),(U=v())==null||U.focus(),O())},w=N(0),F=d=>{w.current=u&&d?3:0,w.current||O(),u&&P(d),h(d)},r=()=>{A(),F(false)},p=N(n),z=N(false);if(p.current===true&&n===false){const d=document.activeElement;z.current=!!(d&&((G=t.current)!=null&&G.contains(d)||(K=v())!=null&&K.contains(d)))}Q(()=>{var d;z.current&&(z.current=false,(d=v())==null||d.focus(),O()),n===true&&P(false),p.current=n},[n]);const B=_e(c&&u&&y),I=c&&u,C=I?B.mounted:y,L=I?B.open:y,H=u&&L;return Q(()=>{const d=g.current;if(d)return H?d.setAttribute("inert",""):d.removeAttribute("inert"),()=>d.removeAttribute("inert")},[H]),E(()=>{if(!w.current||!t.current)return;w.current-=1;const d=a(t.current);d==null||d.focus({preventScroll:true}),d&&document.activeElement===d&&(w.current=0)}),ke(t,{enabled:u&&L,side:l,onClose:r,scrim:b,alongside:i,exits:!c}),{pane:t,main:g,over:u,open:y,shown:C,opened:L,setOpen:F,close:r,onKeyDown:d=>{u&&y&&d.key==="Escape"&&!d.defaultPrevented&&(d.preventDefault(),r())},scrim:u&&C&&{ref:b,"data-open":L,"aria-hidden":true,onMouseDown:d=>d.preventDefault(),onClick:r}}}const Ke=typeof window>"u"?E:_;function Ve(e,n,o){Ke(()=>{const l=e.current,a=l==null?void 0:l.parentElement;if(!o||!l||!a)return;const c=()=>{const t=n();l.style.setProperty("--clover-template-spine-top",`${t?t.getBoundingClientRect().top-a.getBoundingClientRect().top:0}px`)};c();const i=new ResizeObserver(c);for(const t of Array.from(a.children))i.observe(t);const m=n();return m&&i.observe(m),()=>i.disconnect()},[e,o])}const Ue=()=>import("./PanelPart-3w0sWqmU.mjs");function Qe({id:e,beside:n,defaultOpen:o,side:l="end",followFocus:a,body:c,sections:i,panel:m}){const t=Ge({id:e,beside:n,defaultOpen:o,side:l,followFocus:a}),b=!t.over&&t.open,g=N(null),[u,S]=x(),h=m??u,f=()=>Ue().then(v=>S(()=>v.default));E(()=>{t.open&&!h&&f()},[t.open]),Ve(g,()=>c==null?void 0:c(),b&&!!c);const P=v=>{var O,A;(A=(O=v.target).closest)!=null&&A.call(O,`[aria-controls~="${e}"]`)&&(h||f(),t.over&&Te())},y=s(Ye,{sections:i,open:t.open,onOpenChange:v=>v&&!h?f().then(()=>t.setOpen(true)):t.setOpen(v),controls:e,side:l});return{...t,id:e,side:l,docked:b,spine:g,toggle:y,Part:h,splitProps:{"data-panel":t.over?"over":"beside",onKeyDown:t.onKeyDown,onPointerOver:P,onFocus:P}}}function Ye({sections:e,...n}){return te(e).length?s(we,{...n}):null}function Je({pane:e,className:n,...o}){const{id:l,over:a,docked:c,side:i,Part:m}=e,t=te(o.sections);if(!t.length)return null;const b=c&&s(j,{children:[s(Le,{className:"clover-template-panel-handle","aria-controls":l}),s("div",{ref:e.spine,className:"clover-template-spine",children:e.toggle})]});return s(j,{children:[i==="end"&&b,s(ne,{ref:e.pane,id:l,"data-spine":a||void 0,"data-side":i,name:"panel","data-about":t.includes("about")||void 0,className:["clover-template-panel clover-template-drawer",n].filter(Boolean).join(" "),size:"24rem",min:a?void 0:je,"data-open":e.opened,hidden:!e.shown,children:m&&s(m,{...o,onClose:a?e.close:void 0,closeOnEscape:a})}),i==="start"&&b,e.scrim&&s("div",{className:"clover-template-scrim",...e.scrim})]})}const Xe=30;function Ze(){const e=N(0);return E(()=>()=>cancelAnimationFrame(e.current),[]),n=>{cancelAnimationFrame(e.current);let o=0;const l=()=>{const a=n();a&&et()?a.focus():++o<Xe&&(e.current=requestAnimationFrame(l))};e.current=requestAnimationFrame(l)}}function et(){const e=document.activeElement;return!e||e===document.body||!e.isConnected||e.closest("[hidden], [inert]")!==null}function tt({className:e,header:n=true,headingLevel:o=2,panel:l=true,defaultPanelOpen:a,panelLayout:c="accordion",panelSections:i,panelLabels:m,download:t=true,languages:b=true,interfaceLanguages:g=true,items:u="slider",singleItem:S=false,storageKey:h="clover-template-default",fill:f=false,collapseControls:P,canvasOptions:y,...v}){const O=N(null),A=se().replace(/:/g,""),w=`${A}-panel`,F=Ne(o,`${A}-title`),r=Qe({id:w,beside:He(O,De),defaultOpen:a??true,followFocus:Ze(),sections:i,body:()=>{var B;return(B=O.current)==null?void 0:B.querySelector(".clover-template-default-body")},panel:fe}),p=r.over,z=l&&r.docked;return s(Fe,{className:["clover-template-default",e].filter(Boolean).join(" "),"data-fill":f||void 0,...n?F.group:null,...v,children:s(Ce,{ref:O,className:"clover-template-default-panes clover-template-panes",storageKey:h||void 0,...l?r.splitProps:{"data-panel":"beside"},children:[s(ne,{ref:r.main,className:"clover-template-default-main",min:p?void 0:qe,children:[n&&s("header",{className:"clover-template-default-header",children:[s(nt,{title:F}),s(M,{of:"targets",layout:"pager",size:"small",className:"clover-template-default-pager"}),s(ze,{className:"clover-template-default-provider",children:s(Oe,{})})]}),s(Ee,{loading:false}),s(Ae,{className:"clover-template-default-body",collapseControls:P,options:y,children:l&&!z&&r.toggle}),s("div",{className:"clover-template-default-rail",children:[s("div",{className:"clover-template-default-rail-header",children:[s(lt,{}),s(xe,{})]}),u&&s(M,{layout:u,singleItem:S})]})]}),l&&s(Je,{pane:r,className:"clover-template-default-panel",layout:c,sections:i,labels:m,download:t,languages:b,interfaceLanguages:g,headingLevel:n?rt(o):o})]})})}function nt({title:e}){const n=Z(l=>{var a;return l.throughCollection?(a=l.collection)==null?void 0:a.label:void 0}),o=Be();return ot(o==null?void 0:o.entries[0]),s(j,{children:[s(T,{as:e.as,className:"clover-template-default-title clover-template-title clover-title",...e.title}),n&&s("div",{className:"clover-template-default-collection-row",children:[s(T,{as:"p",label:n,className:"clover-template-default-collection"}),s(M,{of:"members",layout:"pager",size:"small",className:"clover-template-default-pager"})]}),o&&s("div",{className:"clover-template-default-collection-row",children:[o.label&&s(T,{as:"p",label:o.label,className:"clover-template-default-collection"}),s(M,{of:"annotations",layout:"pager",size:"small",className:"clover-template-default-pager"})]})]})}function ot(e){const{clover:n}=ie(),o=Z(a=>{var c;return(c=a.manifest)==null?void 0:c.id}),l=N(null);E(()=>{if(!e||!o||l.current===o)return;l.current=o;const{annotationId:a,canvasId:c}=n.store.get();!a&&c===e.canvasId&&n.selectAnnotation(e.id)},[n,e,o])}const rt=e=>e+1;function lt(){const e=Ie();return s("p",{className:"clover-template-default-titles",children:e.map((n,o)=>s(ce.Fragment,{children:[o>0&&s("span",{className:"clover-template-default-titles-dot","aria-hidden":"true",children:"\xB7"}),s(T,{label:n.label})]},n.id))})}const at=ee(()=>import("./Document-D8BNUyN_.mjs").then(e=>({default:e.Document}))),st=ee(()=>import("./Gallery-D8PPijA-.mjs").then(e=>({default:e.Gallery}))),Y={default:tt,document:at,gallery:st},ct={header:["default"],panel:["default","gallery"],items:["default","gallery"],singleItem:["default","document"],fill:["default"],defaultPanelOpen:["default","document","gallery"],panelLayout:["default","document","gallery"],panelSections:["default","document","gallery"],panelLabels:["default","document","gallery"],download:["default","document","gallery"],languages:["default","document","gallery"],storageKey:["default","document","gallery"],defaultSidebarOpen:["document"],size:["gallery"],height:["gallery"],gap:["gallery"],secondary:["gallery"],summary:["gallery"],lightboxItems:["gallery"]};function it({props:e}){const n=typeof e.template=="string"&&e.template in Y?e.template:"default",o=Object.fromEntries(Object.entries(e).filter(([i])=>{var m;return i!=="template"&&(((m=ct[i])==null?void 0:m.includes(n))??true)})),l=ue(de,!!e.renderers),a=J(()=>l==null?void 0:l.toRenderers(e.renderers),[l,e.renderers]);if(e.renderers&&!l)return null;o.renderers=a,typeof o.storageKey=="string"&&(o.storageKey=o.storageKey.trim().toLowerCase()==="false"?false:o.storageKey);const c=Y[n];return s(me,{fallback:null,children:s(c,{...o,iiifContent:e.iiifContent})})}const Ot=Object.freeze(Object.defineProperty({__proto__:null,ViewerElement:it},Symbol.toStringTag,{value:"Module"}));export{De as B,qe as P,Ce as S,Ge as a,He as b,Qe as c,ne as d,Le as e,Je as f,Me as g,Te as p,Ze as u,Ot as v};