@nulib/clover 4.0.0 → 4.1.0

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

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