@nulib/clover 4.4.1 → 4.5.0

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

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