@nulib/clover 4.1.0 → 4.2.0

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

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