@nulib/clover 4.3.1 → 4.4.0

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

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