@nulib/clover 4.4.2 → 4.5.0

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

@@ -1 +0,0 @@
-import{D,A as N,d as x,y as O,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-D4j4IirO.mjs";import{u as te,P as fe}from"./Panel-BBRkfdof.mjs";import{T as pe}from"./Tip-BPxXnFcb.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-Ca564vB9.mjs";import{P as we}from"./PanelToggle-Dsp3JD1s.mjs";import{t as Ne}from"./heading-Cjt0f-Eu.mjs";import{I as M}from"./Items-xeEzg7uu.mjs";import{P as ze,L as Oe}from"./Provider-B9X74RHz.mjs";import{S as Ee}from"./Status-CK2v5LdZ.mjs";import{B as Ae}from"./Body-BWOsHKU1.mjs";import{Position as xe}from"./Position-CQ7FBqd0.mjs";import{R as Fe}from"./Root-COIMTFHh.mjs";import{u as Be,a as Ie}from"./hooks-BLpTDu28.mjs";import{L as T}from"./Label-7SZqCiYh.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:r,style:a,children:c,...i},m){const t=N(null),b=N({}),[g,u]=x({});O(()=>u(ve(o)),[o]);const S=R((f,P)=>u(y=>{const p={...y};return P===void 0?delete p[f]:p[f]=Math.round(P),ge(o,p),p}),[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",r].filter(Boolean).join(" "),style:{display:"flex",...a},...i,children:c})})}),ne=D(function({as:n="div",size:o,min:r,max:a,name:c,className:i,style:m,children:t,...b},g){const u=X($),S=N(null),[h,f]=x(c??"");O(()=>{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:r,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(r)??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:r,onClick:a,onKeyDown:c,...i},m){const t=X($),{t:b,langOf:g}=le(),u=N(null),[S,h]=x(),f=R(()=>{const l=u.current,v=t==null?void 0:t.element.current;return!l||!v||!t?null:ye(l,v,t.specs.current)},[t]),P=R(l=>{const v=f();if(!v||!t)return;const z=Math.min(v.max,Math.max(v.min,l));t.setSize(v.key,z),h({now:z,min:v.min,max:v.max})},[f,t]),y=R(()=>{const l=f();l&&h({now:l.sized.getBoundingClientRect().width,min:l.min,max:l.max})},[f]);O(()=>{const l=t==null?void 0:t.element.current;if(y(),!l||typeof ResizeObserver>"u")return;let v=0;const z=new ResizeObserver(()=>{cancelAnimationFrame(v),v=requestAnimationFrame(y)});return z.observe(l),()=>{cancelAnimationFrame(v),z.disconnect()}},[y,t,t==null?void 0:t.sizes]);const p=l=>{var v;return Math.round(l/(((v=t==null?void 0:t.element.current)==null?void 0:v.clientWidth)||1)*100)},E=()=>{var I,C;const l=f();if(!l||!t)return;const v=((I=t.element.current)==null?void 0:I.clientWidth)??0,z=be((C=t.specs.current[l.key])==null?void 0:C.size,v),B=Se(l,z,t.sizes[l.key]);if(!B.own)return P(B.to);t.setSize(l.key,void 0),h({now:z,min:l.min,max:l.max})},F=N({limits:f,resize:P,step:E});F.current={limits:f,resize:P,step:E};const[w]=x(()=>Pe(()=>u.current,()=>F.current));O(()=>()=>w.dispose(),[w]);const A=i["aria-label"]??b("splitHandle");return s("div",{ref:l=>{u.current=l,W(m,l)},role:"separator","aria-orientation":"vertical","aria-label":A,...ae(i["aria-label"]===void 0?g("splitHandle"):void 0),"aria-valuenow":S?p(S.now):void 0,"aria-valuemin":S?p(S.min):void 0,"aria-valuemax":S?p(S.max):void 0,tabIndex:0,className:["clover-split-handle",n].filter(Boolean).join(" "),onPointerDown:l=>{r==null||r(l),w.down(l)},onPointerMove:l=>w.move(l),onPointerUp:l=>w.up(l),onPointerCancel:l=>w.up(l),onClick:l=>{a==null||a(l),w.click(l)},onKeyDown:l=>{c==null||c(l),w.key(l)},...i,children:[o,s(pe,{label:A})]})});let Re,k;const oe=()=>Re??(Re=import("./dragToClose-D5AN98l4.mjs").then(e=>k=e));function Te(){oe()}function ke(e,{enabled:n,side:o,onClose:r,scrim:a,alongside:c,exits:i=false}){const m=N({enabled:n,side:o,onClose:r,scrim:a,alongside:c,exits:i});m.current={enabled:n,side:o,onClose:r,scrim:a,alongside:c,exits:i},O(()=>{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),[r,a]=x(e);return O(()=>{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&&r}}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"?O:_;function He(e,n){const[o,r]=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);r(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"?O:_;function Ge({id:e,beside:n,defaultOpen:o,side:r,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,p=()=>document.querySelector(`button[aria-controls~="${e}"]`),E=()=>m(p),F=()=>{var d,V,U;(d=t.current)!=null&&d.contains(document.activeElement)&&((V=g.current)==null||V.removeAttribute("inert"),(U=p())==null||U.focus(),E())},w=N(0),A=d=>{w.current=u&&d?3:0,w.current||E(),u&&P(d),h(d)},l=()=>{F(),A(false)},v=N(n),z=N(false);if(v.current===true&&n===false){const d=document.activeElement;z.current=!!(d&&((G=t.current)!=null&&G.contains(d)||(K=p())!=null&&K.contains(d)))}Q(()=>{var d;z.current&&(z.current=false,(d=p())==null||d.focus(),E()),n===true&&P(false),v.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]),O(()=>{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:r,onClose:l,scrim:b,alongside:i,exits:!c}),{pane:t,main:g,over:u,open:y,shown:C,opened:L,setOpen:A,close:l,onKeyDown:d=>{u&&y&&d.key==="Escape"&&!d.defaultPrevented&&(d.preventDefault(),l())},scrim:u&&C&&{ref:b,"data-open":L,"aria-hidden":true,onMouseDown:d=>d.preventDefault(),onClick:l}}}const Ke=typeof window>"u"?O:_;function Ve(e,n,o){Ke(()=>{const r=e.current,a=r==null?void 0:r.parentElement;if(!o||!r||!a)return;const c=()=>{const t=n();r.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-Cdbsnr8P.mjs");function Qe({id:e,beside:n,defaultOpen:o,side:r="end",followFocus:a,body:c,sections:i,panel:m}){const t=Ge({id:e,beside:n,defaultOpen:o,side:r,followFocus:a}),b=!t.over&&t.open,g=N(null),[u,S]=x(),h=m??u,f=()=>Ue().then(p=>S(()=>p.default));O(()=>{t.open&&!h&&f()},[t.open]),Ve(g,()=>c==null?void 0:c(),b&&!!c);const P=p=>{var E,F;(F=(E=p.target).closest)!=null&&F.call(E,`[aria-controls~="${e}"]`)&&(h||f(),t.over&&Te())},y=s(Ye,{sections:i,open:t.open,onOpenChange:p=>p&&!h?f().then(()=>t.setOpen(true)):t.setOpen(p),controls:e,side:r});return{...t,id:e,side:r,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:r,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":r}),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:r,"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 O(()=>()=>cancelAnimationFrame(e.current),[]),n=>{cancelAnimationFrame(e.current);let o=0;const r=()=>{const a=n();a&&et()?a.focus():++o<Xe&&(e.current=requestAnimationFrame(r))};e.current=requestAnimationFrame(r)}}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:r=true,defaultPanelOpen:a,panelLayout:c="accordion",panelSections:i,panelLabels:m,download:t=true,languages:b=true,items:g="slider",singleItem:u=false,storageKey:S="clover-template-default",fill:h=false,collapseControls:f,canvasOptions:P,...y}){const p=N(null),E=se().replace(/:/g,""),F=`${E}-panel`,w=Ne(o,`${E}-title`),A=Qe({id:F,beside:He(p,De),defaultOpen:a??true,followFocus:Ze(),sections:i,body:()=>{var z;return(z=p.current)==null?void 0:z.querySelector(".clover-template-default-body")},panel:fe}),l=A.over,v=r&&A.docked;return s(Fe,{className:["clover-template-default",e].filter(Boolean).join(" "),"data-fill":h||void 0,...n?w.group:null,...y,children:s(Ce,{ref:p,className:"clover-template-default-panes clover-template-panes",storageKey:S||void 0,...r?A.splitProps:{"data-panel":"beside"},children:[s(ne,{ref:A.main,className:"clover-template-default-main",min:l?void 0:qe,children:[n&&s("header",{className:"clover-template-default-header",children:[s(nt,{title:w}),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:f,options:P,children:r&&!v&&A.toggle}),s("div",{className:"clover-template-default-rail",children:[s("div",{className:"clover-template-default-rail-header",children:[s(lt,{}),s(xe,{})]}),g&&s(M,{layout:g,singleItem:u})]})]}),r&&s(Je,{pane:A,className:"clover-template-default-panel",layout:c,sections:i,labels:m,download:t,languages:b,headingLevel:n?rt(o):o})]})})}function nt({title:e}){const n=Z(r=>{var a;return r.throughCollection?(a=r.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}),r=N(null);O(()=>{if(!e||!o||r.current===o)return;r.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-C3K-CXHu.mjs").then(e=>({default:e.Document}))),st=ee(()=>import("./Gallery-DMNATgzf.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)})),r=ue(de,!!e.renderers),a=J(()=>r==null?void 0:r.toRenderers(e.renderers),[r,e.renderers]);if(e.renderers&&!r)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};