@nulib/clover 4.0.0-beta.1 → 4.1.0

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

@@ -1 +0,0 @@
-import{D as j,A as S,d as P,y as N,q,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-YUjOSBKO.mjs";import"./styles-CyuM_fB1.mjs";import{t as ce}from"./heading-Cjt0f-Eu.mjs";import{T as ie}from"./Tip-IO11xX4x.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-D6aVJB9s.mjs";import{P as ye,L as be}from"./Provider-B61118lU.mjs";import{S as ge}from"./Status-YbQK2KzY.mjs";import{B as Se}from"./Body-DxSz3iST.mjs";import{Position as we}from"./Pager-Di_2hHM3.mjs";import{I as ze}from"./Items-DRj1UEpC.mjs";import{P as Ee}from"./Panel-DbsC8A9V.mjs";import{R as xe}from"./Root-Dj277K6p.mjs";import{P as Ne}from"./PanelToggle-mUDw73zI.mjs";import{u as Oe}from"./hooks-BXzQSllm.mjs";const W=te(null);function $(e,o){typeof e=="function"?e(o):e&&(e.current=o)}const Fe=j(function({as:o="div",storageKey:r,className:s,style:l,children:c,...i},f){const n=S(null),O=S({}),[b,m]=P({});N(()=>m(ue(r)),[r]);const p=q((v,E)=>m(w=>{const x={...w};return E===void 0?delete x[v]:x[v]=Math.round(E),de(r,x),x}),[r]),h=Q(()=>({sizes:b,setSize:p,specs:O,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,...O},b){const m=J(W),p=S(null),[h,v]=P(c??"");N(()=>{if(c)return v(c);const w=me(m==null?void 0:m.element.current);v(String(w.indexOf(p.current)))},[c,m]),m&&h&&(m.specs.current[h]={min:s,max:l,size:r});const E=m&&h?m.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":E!==void 0?`${E}px`:_(r),"--clover-split-max":_(l),...f},...O,children:n})}),Pe=j(function({className:o,children:r,onPointerDown:s,onClick:l,onKeyDown:c,...i},f){const n=J(W),{t:O,langOf:b}=ne(),m=S(null),[p,h]=P(),v=q(()=>{const t=m.current,u=n==null?void 0:n.element.current;return!t||!u||!n?null:fe(t,u,n.specs.current)},[n]),E=q(t=>{const u=v();if(!u||!n)return;const z=Math.min(u.max,Math.max(u.min,t));n.setSize(u.key,z),h({now:z,min:u.min,max:u.max})},[v,n]),w=q(()=>{const t=v();t&&h({now:t.sized.getBoundingClientRect().width,min:t.min,max:t.max})},[v]);N(()=>{const t=n==null?void 0:n.element.current;if(w(),!t||typeof ResizeObserver>"u")return;let u=0;const z=new ResizeObserver(()=>{cancelAnimationFrame(u),u=requestAnimationFrame(w)});return z.observe(t),()=>{cancelAnimationFrame(u),z.disconnect()}},[w,n,n==null?void 0:n.sizes]);const x=t=>{var u;return Math.round(t/(((u=n==null?void 0:n.element.current)==null?void 0:u.clientWidth)||1)*100)},F=()=>{var B,C;const t=v();if(!t||!n)return;const u=((B=n.element.current)==null?void 0:B.clientWidth)??0,z=pe((C=n.specs.current[t.key])==null?void 0:C.size,u),M=ve(t,z,n.sizes[t.key]);if(!M.own)return E(M.to);n.setSize(t.key,void 0),h({now:z,min:t.min,max:t.max})},R=S({limits:v,resize:E,step:F});R.current={limits:v,resize:E,step:F};const[g]=P(()=>he(()=>m.current,()=>R.current));N(()=>()=>g.dispose(),[g]);const A=i["aria-label"]??O("splitHandle");return a("div",{ref:t=>{m.current=t,$(f,t)},role:"separator","aria-orientation":"vertical","aria-label":A,lang:i["aria-label"]===void 0?b("splitHandle"):void 0,"aria-valuenow":p?x(p.now):void 0,"aria-valuemin":p?x(p.min):void 0,"aria-valuemax":p?x(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:A})]})});let Re,I;function Ae(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},N(()=>{const n=e.current;if(!n||(I==null||I.reset(n,f),!o))return;let O=true,b;return(Re??(Re=import("./dragToClose-C-Pf1IeO.mjs").then(m=>I=m))).then(m=>{O&&(b=m.attach(n,f))}),()=>{O=false,b==null||b()}},[e,o])}const Be=240;function Ce(e){const[o,r]=P(e),[s,l]=P(e);return N(()=>{if(e){r(true);const i=requestAnimationFrame(()=>requestAnimationFrame(()=>l(true)));return()=>cancelAnimationFrame(i)}l(false);const c=setTimeout(()=>r(false),Be);return()=>clearTimeout(c)},[e]),{mounted:o,open:e&&s}}function Le(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 Me=typeof window>"u"?N:D;function Te(e,o){const[r,s]=P();return Me(()=>{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 qe(){const e=S(0);return N(()=>()=>cancelAnimationFrame(e.current),[]),o=>{cancelAnimationFrame(e.current);let r=0;const s=()=>{const l=o();l&&ke()?l.focus():++r<Ie&&(e.current=requestAnimationFrame(s))};e.current=requestAnimationFrame(s)}}function ke(){const e=document.activeElement;return!e||e===document.body||!e.isConnected||e.closest("[hidden], [inert]")!==null}const _e=typeof window>"u"?N: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"?N: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:O=false,...b}){const m=S(null),p=Te(m,$e),h=p??true,[v,E]=P(l??true),[w,x]=P(false),F=h?v:w,R=S(null),g=S(0);N(()=>{if(!g.current||!R.current)return;g.current-=1;const d=Le(R.current);d==null||d.focus({preventScroll:true}),d&&document.activeElement===d&&(g.current=0)});const A=d=>{g.current=!h&&d?3:0,h||x(d),E(d)},t=re().replace(/:/g,""),u=`${t}-panel`,z=ce(r,`${t}-title`),M=qe(),B=()=>M(()=>document.querySelector(`[data-button="panel"][aria-controls~="${u}"]`)),C=()=>{var d;(d=R.current)!=null&&d.contains(document.activeElement)&&B()},H=S(p);He(()=>{H.current===true&&p===false&&B(),p===true&&x(false),H.current=p},[p]);const y=!h,T=s&&!y&&F,k=S(null);je(k,()=>{var d,K;return(K=(d=k.current)==null?void 0:d.parentElement)==null?void 0:K.querySelector(".clover-template-default-body")},T);const V=a(Ne,{open:F,onOpenChange:d=>{y||B(),A(d)},controls:u}),L=Ce(y&&F),G=S(null);Ae(R,{enabled:y&&L.open,side:"end",onClose:()=>{C(),A(false)},scrim:G});const ee=y?L.mounted:F;return a(xe,{className:["clover-template-default",e].filter(Boolean).join(" "),"data-fill":O||void 0,...o?z.group:null,...b,children:a(Fe,{ref:m,className:"clover-template-default-panes clover-template-panes","data-panel":y?"over":"beside",storageKey:n||void 0,onKeyDown:d=>{y&&F&&d.key==="Escape"&&!d.defaultPrevented&&(d.preventDefault(),A(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:z.as,className:"clover-template-default-title",...z.title}),a(ye,{className:"clover-template-default-provider",children:a(be,{})})]}),a(ge,{loading:false}),a(Se,{className:"clover-template-default-body",children:s&&!T&&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})]})]}),T&&a(Pe,{"aria-controls":u}),T&&a("div",{ref:k,className:"clover-template-default-spine",children:V}),s&&a(U,{ref:R,id:u,"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?L.open:F,hidden:!ee,children:a(Ee,{layout:c,download:i,headingLevel:o?Ge(r):r,onClose:y?()=>A(false):void 0,closeOnEscape:y})}),s&&y&&L.mounted&&a("div",{ref:G,className:"clover-template-default-scrim clover-template-scrim","data-open":L.open,"aria-hidden":"true",onMouseDown:d=>d.preventDefault(),onClick:()=>{C(),A(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-BdCjGnJN.mjs").then(e=>({default:e.Document}))),Ye=X(()=>import("./Gallery-BXU3TcT3.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{Fe as S,Ae as a,qe as b,Te as c,U as d,Pe as e,Le as p,Ce as u,ft as v};