@nulib/clover 0.0.0-stage → 4.0.0-beta.1

package/dist/web-components/viewer/vtt-XiS_-5Ao.mjs

@@ -0,0 +1,5 @@
+import{bi as h}from"./viewer-ipqAA-xQ.mjs";function p(e){const t=e.trim().split(":").map(Number);return t.some(Number.isNaN)?NaN:t.reduce((r,s)=>r*60+s,0)}const b={"&amp;":"&","&lt;":"<","&gt;":">","&nbsp;":"\xA0","&lrm;":"\u200E","&rlm;":"\u200F","&quot;":'"',"&apos;":"'"};function N(e){return e.replace(/<[^>]*>/g,"").replace(/&(?:#(\d+)|#x([0-9a-f]+)|[a-z]+);/gi,(t,r,s)=>{if(!r&&!s)return b[t.toLowerCase()]??t;const o=r?parseInt(r,10):parseInt(s,16);return o>0&&o<=1114111?String.fromCodePoint(o):t})}function C(e){var s,o;const t=[],r=e.replace(/\r\n?/g,`
+`).split(/\n{2,}/);for(const n of r){const i=n.split(`
+`).filter(a=>a.length),c=i.findIndex(a=>a.includes("-->"));if(c===-1)continue;const[g,w]=i[c].split("-->"),f=p(g),l=p(w.trim().split(/\s+/)[0]);if(!Number.isFinite(f)||!Number.isFinite(l))continue;const u=i.slice(c+1).join(`
+`),d=(o=(s=/<v(?:\.[^\s>]+)*\s+([^>]+)>/.exec(u))==null?void 0:s[1])==null?void 0:o.trim(),x=N(u);t.push({start:f,end:l,text:x,...d?{voice:d}:{}})}return t.sort((n,i)=>n.start-i.start)}function D(e,t){let r=0,s=e.length-1,o=-1;for(;r<=s;){const n=r+s>>1;e[n].start<=t?(o=n,r=n+1):s=n-1}for(let n=o;n>=0;n--){if(e[n].end>t)return n;if(t-e[n].start>3600)break}return-1}function m(e,t,r,s){let o=e.get(t);return o||(o=h(r,t).then(n=>n.ok?s(n):Promise.reject(new Error(String(n.status)))).catch(n=>{throw e.delete(t),n}),e.set(t,o)),o}const T=new Map;function E(e,t){return m(T,e,t,r=>r.text())}const I=new Map;function F(e,t){return m(I,e,t,async r=>S(await r.arrayBuffer()))}const k="\u20AC\x81\u201A\u0192\u201E\u2026\u2020\u2021\u02C6\u2030\u0160\u2039\u0152\x8D\u017D\x8F\x90\u2018\u2019\u201C\u201D\u2022\u2013\u2014\u02DC\u2122\u0161\u203A\u0153\x9D\u017E\u0178";function S(e){try{return new TextDecoder("utf-8",{fatal:true}).decode(e)}catch{return new TextDecoder("windows-1252").decode(e).replace(/[\u0080-\u009f]/g,t=>k[t.charCodeAt(0)-128])}}function O(e){return e.replace(/\r\n?/g,`
+`).split(/\n[ \t]*(?:\n[ \t]*)+/).map(t=>t.trim()).filter(Boolean)}export{F as a,O as b,D as c,N as d,E as l,C as p};

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

@@ -0,0 +1 @@
+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};

package/dist/web-components/vtt-DYAOuQoK.mjs

@@ -0,0 +1,5 @@
+import{a1 as h}from"./shared-YUjOSBKO.mjs";function p(e){const t=e.trim().split(":").map(Number);return t.some(Number.isNaN)?NaN:t.reduce((r,s)=>r*60+s,0)}const N={"&amp;":"&","&lt;":"<","&gt;":">","&nbsp;":"\xA0","&lrm;":"\u200E","&rlm;":"\u200F","&quot;":'"',"&apos;":"'"};function b(e){return e.replace(/<[^>]*>/g,"").replace(/&(?:#(\d+)|#x([0-9a-f]+)|[a-z]+);/gi,(t,r,s)=>{if(!r&&!s)return N[t.toLowerCase()]??t;const o=r?parseInt(r,10):parseInt(s,16);return o>0&&o<=1114111?String.fromCodePoint(o):t})}function C(e){var s,o;const t=[],r=e.replace(/\r\n?/g,`
+`).split(/\n{2,}/);for(const n of r){const i=n.split(`
+`).filter(a=>a.length),c=i.findIndex(a=>a.includes("-->"));if(c===-1)continue;const[g,w]=i[c].split("-->"),f=p(g),l=p(w.trim().split(/\s+/)[0]);if(!Number.isFinite(f)||!Number.isFinite(l))continue;const u=i.slice(c+1).join(`
+`),d=(o=(s=/<v(?:\.[^\s>]+)*\s+([^>]+)>/.exec(u))==null?void 0:s[1])==null?void 0:o.trim(),x=b(u);t.push({start:f,end:l,text:x,...d?{voice:d}:{}})}return t.sort((n,i)=>n.start-i.start)}function D(e,t){let r=0,s=e.length-1,o=-1;for(;r<=s;){const n=r+s>>1;e[n].start<=t?(o=n,r=n+1):s=n-1}for(let n=o;n>=0;n--){if(e[n].end>t)return n;if(t-e[n].start>3600)break}return-1}function m(e,t,r,s){let o=e.get(t);return o||(o=h(r,t).then(n=>n.ok?s(n):Promise.reject(new Error(String(n.status)))).catch(n=>{throw e.delete(t),n}),e.set(t,o)),o}const T=new Map;function E(e,t){return m(T,e,t,r=>r.text())}const I=new Map;function F(e,t){return m(I,e,t,async r=>S(await r.arrayBuffer()))}const k="\u20AC\x81\u201A\u0192\u201E\u2026\u2020\u2021\u02C6\u2030\u0160\u2039\u0152\x8D\u017D\x8F\x90\u2018\u2019\u201C\u201D\u2022\u2013\u2014\u02DC\u2122\u0161\u203A\u0153\x9D\u017E\u0178";function S(e){try{return new TextDecoder("utf-8",{fatal:true}).decode(e)}catch{return new TextDecoder("windows-1252").decode(e).replace(/[\u0080-\u009f]/g,t=>k[t.charCodeAt(0)-128])}}function O(e){return e.replace(/\r\n?/g,`
+`).split(/\n[ \t]*(?:\n[ \t]*)+/).map(t=>t.trim()).filter(Boolean)}export{F as a,O as b,D as c,b as d,E as l,C as p};

package/dist/web-components/worker-CjXN0dku.mjs

@@ -0,0 +1 @@
+function r(n){}export{r as bundledWorkerUrl};

package/package.json

@@ -1,6 +1,113 @@
 {
   "name": "@nulib/clover",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "description": "Composable IIIF components, for React and as web components: Clover 4.x.",
+  "keywords": [
+    "iiif",
+    "iiif-presentation",
+    "iiif-viewer",
+    "viewer",
+    "react",
+    "web-components",
+    "custom-elements",
+    "deep-zoom",
+    "audio",
+    "video",
+    "3d",
+    "map",
+    "accessibility"
+  ],
+  "homepage": "https://nulib-ds.github.io/clover/",
+  "bugs": {
+    "url": "https://github.com/nulib-ds/clover/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/nulib-ds/clover.git",
+    "directory": "packages/clover"
+  },
+  "license": "MIT",
+  "sideEffects": [
+    "*.css",
+    "./dist/web-components/**"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs"
+    },
+    "./templates": {
+      "types": "./dist/templates/index.d.mts",
+      "import": "./dist/templates/index.mjs"
+    },
+    "./map": {
+      "types": "./dist/map/index.d.mts",
+      "import": "./dist/map/index.mjs"
+    },
+    "./three": {
+      "types": "./dist/three/index.d.mts",
+      "import": "./dist/three/index.mjs"
+    },
+    "./web-components": {
+      "types": "./dist/web-components/index.d.mts",
+      "import": "./dist/web-components/index.mjs"
+    },
+    "./web-components/viewer": {
+      "types": "./dist/web-components/viewer/index.d.mts",
+      "import": "./dist/web-components/viewer/index.mjs"
+    },
+    "./web-components/three": "./dist/web-components/three.mjs",
+    "./web-components/custom-elements.json": "./dist/web-components/custom-elements.json",
+    "./styles.css": "./dist/styles.css",
+    "./templates.css": "./dist/templates.css",
+    "./package.json": "./package.json"
+  },
+  "module": "./dist/index.mjs",
+  "customElements": "./dist/web-components/custom-elements.json",
+  "types": "./dist/index.d.mts",
+  "files": [
+    "dist",
+    "!dist/**/.vite"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "tag": "beta"
+  },
+  "scripts": {
+    "prepublishOnly": "npm run build && npm run test:build",
+    "clean": "rimraf dist",
+    "build": "npm run clean && vite build && node build/styles.mjs && npm run build:types && npm run build:web-components && npm run build:sizes",
+    "test": "vitest",
+    "test:ci": "vitest run && vitest run --config vitest.preact.config.mjs",
+    "test:build": "node --test build/*.test.mjs",
+    "typecheck": "tsc --noEmit -p tsconfig.json",
+    "build:types": "dts-bundle-generator --project tsconfig.json --out-file dist/index.d.mts src/index.ts --no-check && dts-bundle-generator --project tsconfig.json --out-file dist/templates/index.d.mts src/templates/index.ts --no-check && dts-bundle-generator --project tsconfig.json --out-file dist/map/index.d.mts src/map/index.ts --no-check && dts-bundle-generator --project tsconfig.json --out-file dist/three/index.d.mts src/three/index.ts --no-check",
+    "build:web-components": "vite build --config build/web-components.config.mjs && cp build/web-components-loader.js dist/web-components/index.umd.js && vite build --config build/web-components-viewer.config.mjs && node build/dedupe-viewer.mjs && cp build/web-components-loader.js dist/web-components/viewer/index.umd.js && node build/custom-elements.mjs",
+    "build:sizes": "node build/sizes.mjs",
+    "check:first-view": "node build/first-view.mjs",
+    "e2e": "playwright test --config=e2e/playwright.config.ts"
+  },
+  "dependencies": {
+    "@iiif/parser": "^4.0.3",
+    "@iiif/presentation-3": "^1.1.3",
+    "dompurify": "^3.0.2",
+    "hls.js": "^1.5.17",
+    "maplibre-gl": "6.11.1"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0",
+    "three": "^0.186.1"
+  },
+  "peerDependenciesMeta": {
+    "three": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@iiif/helpers": "^4.0.0",
+    "@types/three": "^0.186.0",
+    "preact": "^10.24.3",
+    "three": "^0.186.1"
+  },
+  "version": "4.0.0-beta.1"
+}