@nulib/clover 4.0.0-beta.0 → 4.0.0

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

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