tify/dist/demo.js

A slim and mobile-friendly IIIF document viewer

import{m as h,o,c as l,a,_ as I,F as k,r as C,b,d as m,e as j,f as S,w as pt,v as It,g as $t,h as M,n as w,i as z,t as y,j as bt,k as vt,l as $,p as yt,q as Lt,s as kt,u as Ct}from"./tify.js";(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))c(r);new MutationObserver(r=>{for(const s of r)if(s.type==="childList")for(const d of s.addedNodes)d.tagName==="LINK"&&d.rel==="modulepreload"&&c(d)}).observe(document,{childList:!0,subtree:!0});function n(r){const s={};return r.integrity&&(s.integrity=r.integrity),r.referrerPolicy&&(s.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?s.credentials="include":r.crossOrigin==="anonymous"?s.credentials="omit":s.credentials="same-origin",s}function c(r){if(r.ep)return;r.ep=!0;const s=n(r);fetch(r.href,s)}})();const T="Български",O="автоматично",P="Колекция",A="тъмен",D="Език",B="Зареждане",jt={$language:T,"Add instance":"Добавяне на инстанция",automatic:O,Collection:P,"Color mode":"Цветови режим",dark:A,"IIIF manifest URL":"IIIF manifest URL",Language:D,"light [adjective]":"светъл",Load:B,"Remove instance":"Премахни инстанция","Sample IIIF manifests":"Примерни IIIF манифести","Toggle sidebar":"Превключи страничната лента"},St=Object.freeze(Object.defineProperty({__proto__:null,$language:T,Collection:P,Language:D,Load:B,automatic:O,dark:A,default:jt},Symbol.toStringTag,{value:"Module"})),x="Deutsch",N="automatisch",E="Sammlung",H="dunkel",V="Sprache",K="Laden",wt={$language:x,"Add instance":"Neue Instanz",automatic:N,Collection:E,"Color mode":"Farbmodus",dark:H,"IIIF manifest URL":"IIIF-Manifest-URL",Language:V,"light [adjective]":"hell",Load:K,"Remove instance":"Entferne Instanz","Sample IIIF manifests":"Beispiel-IIIF-Manifeste","Toggle sidebar":"Seitenleiste umschalten"},Ft=Object.freeze(Object.defineProperty({__proto__:null,$language:x,Collection:E,Language:V,Load:K,automatic:N,dark:H,default:wt},Symbol.toStringTag,{value:"Module"})),q="Esperanto",G="aŭtomate",W="Kolekto",Y="malhela",Z="Lingvo",J="Ŝargi",Ut={$language:q,"Add instance":"Aldoni instancon",automatic:G,Collection:W,"Color mode":"Kolora reĝimo",dark:Y,"IIIF manifest URL":"IIIF-manifesta URL",Language:Z,"light [adjective]":"hela",Load:J,"Remove instance":"Forigi instancon","Sample IIIF manifests":"Ekzemplaj IIIF-manifestoj","Toggle sidebar":" Baskuli flankpanelon"},Rt=Object.freeze(Object.defineProperty({__proto__:null,$language:q,Collection:W,Language:Z,Load:J,automatic:G,dark:Y,default:Ut},Symbol.toStringTag,{value:"Module"})),Q="Suomi",X="automaattinen",ee="Kokoelma",te="tumma",ne="Kieli",ae="Lataa",zt={$language:Q,"Add instance":"Lisää näkymä",automatic:X,Collection:ee,"Color mode":"Väritila",dark:te,"IIIF manifest URL":"IIIF-manifestin URL",Language:ne,"light [adjective]":"vaalea",Load:ae,"Remove instance":"Sulje näkymä","Sample IIIF manifests":"IIIF-esimerkkimanifesteja","Toggle sidebar":"Avaa/sulje sivupaneeli"},Mt=Object.freeze(Object.defineProperty({__proto__:null,$language:Q,Collection:ee,Language:ne,Load:ae,automatic:X,dark:te,default:zt},Symbol.toStringTag,{value:"Module"})),oe="Français",ie="automatique",se="Collection",le="sombre",re="Langue",ce="Charger",Tt={$language:oe,"Add instance":"Nouvelle instance",automatic:ie,Collection:se,"Color mode":"Mode couleur",dark:le,"IIIF manifest URL":"URL du manifeste IIIF",Language:re,"light [adjective]":"clair",Load:ce,"Remove instance":"Supprimer l’instance","Sample IIIF manifests":"Exemples de manifestes IIIF","Toggle sidebar":"Basculer la barre latérale"},Ot=Object.freeze(Object.defineProperty({__proto__:null,$language:oe,Collection:se,Language:re,Load:ce,automatic:ie,dark:le,default:Tt},Symbol.toStringTag,{value:"Module"})),de="Hrvatski",ue="automatski",ge="Zbirka",me="tamno",fe="Jezik",he="Učitaj",Pt={$language:de,"Add instance":"Dodaj instancu",automatic:ue,Collection:ge,"Color mode":"Način boja",dark:me,"IIIF manifest URL":"IIIF manifest URL",Language:fe,"light [adjective]":"svijetlo",Load:he,"Remove instance":"Ukloni instancu","Sample IIIF manifests":"Primjeri IIIF manifesta","Toggle sidebar":"Prebaci bočnu traku"},At=Object.freeze(Object.defineProperty({__proto__:null,$language:de,Collection:ge,Language:fe,Load:he,automatic:ue,dark:me,default:Pt},Symbol.toStringTag,{value:"Module"})),_e="Italiano",pe="automatico",Ie="Collezione",$e="scuro",be="Lingua",ve="Carica",Dt={$language:_e,"Add instance":"Aggiungi istanza",automatic:pe,Collection:Ie,"Color mode":"Modalità colore",dark:$e,"IIIF manifest URL":"URL del manifesto IIIF",Language:be,"light [adjective]":"chiaro",Load:ve,"Remove instance":"Rimuovi istanza","Sample IIIF manifests":"Manifesti IIIF di esempio","Toggle sidebar":"Attiva barra laterale"},Bt=Object.freeze(Object.defineProperty({__proto__:null,$language:_e,Collection:Ie,Language:be,Load:ve,automatic:pe,dark:$e,default:Dt},Symbol.toStringTag,{value:"Module"})),ye="日本語",Le="自動",ke="コレクション",Ce="ダーク",je="言語",Se="読み込み",xt={$language:ye,"Add instance":"インスタンスを追加",automatic:Le,Collection:ke,"Color mode":"カラーモード",dark:Ce,"IIIF manifest URL":"IIIF マニフェスト URL",Language:je,"light [adjective]":"ライト",Load:Se,"Remove instance":"インスタンスを削除","Sample IIIF manifests":"サンプル IIIF マニフェスト","Toggle sidebar":"サイドバーを切り替える"},Nt=Object.freeze(Object.defineProperty({__proto__:null,$language:ye,Collection:ke,Language:je,Load:Se,automatic:Le,dark:Ce,default:xt},Symbol.toStringTag,{value:"Module"})),we="Nederlands",Fe="automatisch",Ue="Collectie",Re="donker",ze="Taal",Me="Laden",Et={$language:we,"Add instance":"Instantie toevoegen",automatic:Fe,Collection:Ue,"Color mode":"Kleurmodus",dark:Re,"IIIF manifest URL":"IIIF-manifest-URL",Language:ze,"light [adjective]":"licht",Load:Me,"Remove instance":"Instantie verwijderen","Sample IIIF manifests":"Voorbeeld IIIF-manifesten","Toggle sidebar":"Zijbalk schakelen"},Ht=Object.freeze(Object.defineProperty({__proto__:null,$language:we,Collection:Ue,Language:ze,Load:Me,automatic:Fe,dark:Re,default:Et},Symbol.toStringTag,{value:"Module"})),Te="Polski",Oe="automatycznie",Pe="Kolekcja",Ae="ciemny",De="Język",Be="Załaduj",Vt={$language:Te,"Add instance":"Dodaj instancję",automatic:Oe,Collection:Pe,"Color mode":"Tryb kolorów",dark:Ae,"IIIF manifest URL":"URL manifestu IIIF",Language:De,"light [adjective]":"jasny",Load:Be,"Remove instance":"Usuń instancję","Sample IIIF manifests":"Przykładowe manifesty IIIF","Toggle sidebar":"Przełącz pasek boczny"},Kt=Object.freeze(Object.defineProperty({__proto__:null,$language:Te,Collection:Pe,Language:De,Load:Be,automatic:Oe,dark:Ae,default:Vt},Symbol.toStringTag,{value:"Module"})),xe="Davvisámegiella",Ne="automáhtalaš",Ee="Čoakkáldat",He="seavdnjat",Ve="Giella",Ke="Luđejuvvo",qt={$language:xe,"Add instance":"Lasit oidnosa",automatic:Ne,Collection:Ee,"Color mode":"Ivdnedilli",dark:He,"IIIF manifest URL":"IIIF-manifestta URL",Language:Ve,"light [adjective]":"čuovgat",Load:Ke,"Remove instance":"Gidde oidnosa","Sample IIIF manifests":"IIIF-ovdamearkamanifeasttat","Toggle sidebar":"Siidopanela"},Gt=Object.freeze(Object.defineProperty({__proto__:null,$language:xe,Collection:Ee,Language:Ve,Load:Ke,automatic:Ne,dark:He,default:qt},Symbol.toStringTag,{value:"Module"})),qe="Shqip",Ge="automatikisht",We="Koleksion",Ye="i errët",Ze="Gjuha",Je="Ngarko",Wt={$language:qe,"Add instance":"Shto instancë",automatic:Ge,Collection:We,"Color mode":"Mënyra e ngjyrave",dark:Ye,"IIIF manifest URL":"URL e manifestit IIIF",Language:Ze,"light [adjective]":"i hapur",Load:Je,"Remove instance":"Hiq instancën","Sample IIIF manifests":"Shembuj të manifesteve IIIF","Toggle sidebar":"Aktivo shiritin anësor"},Yt=Object.freeze(Object.defineProperty({__proto__:null,$language:qe,Collection:We,Language:Ze,Load:Je,automatic:Ge,dark:Ye,default:Wt},Symbol.toStringTag,{value:"Module"})),Qe="Svenska",Xe="automatisk",et="Samling",tt="mörk",nt="Språk",at="Ladda",Zt={$language:Qe,"Add instance":"Lägg till en vy",automatic:Xe,Collection:et,"Color mode":"Färgläge",dark:tt,"IIIF manifest URL":"URL till IIIF-manifest",Language:nt,"light [adjective]":"ljus",Load:at,"Remove instance":"Ta bort vyn","Sample IIIF manifests":"IIIF-exempelmanifest","Toggle sidebar":"Aktivera sidpanelen"},Jt=Object.freeze(Object.defineProperty({__proto__:null,$language:Qe,Collection:et,Language:nt,Load:at,automatic:Xe,dark:tt,default:Zt},Symbol.toStringTag,{value:"Module"})),ot="Türkçe",it="otomatik",st="Koleksiyon",lt="koyu",rt="Dil",ct="Yükle",Qt={$language:ot,"Add instance":"Yeni örnek",automatic:it,Collection:st,"Color mode":"Renk modu",dark:lt,"IIIF manifest URL":"IIIF manifest URL'si",Language:rt,"light [adjective]":"açık",Load:ct,"Remove instance":"Örneği kaldır","Sample IIIF manifests":"Örnek IIIF manifestleri","Toggle sidebar":"Kenar çubuğunu değiştir"},Xt=Object.freeze(Object.defineProperty({__proto__:null,$language:ot,Collection:st,Language:rt,Load:ct,automatic:it,dark:lt,default:Qt},Symbol.toStringTag,{value:"Module"})),dt="中文",ut="自动",gt="集合",mt="深色",ft="语言",ht="加载",en={$language:dt,"Add instance":"新增实例",automatic:ut,Collection:gt,"Color mode":"颜色模式",dark:mt,"IIIF manifest URL":"IIIF 清单 URL",Language:ft,"light [adjective]":"浅色",Load:ht,"Remove instance":"移除实例","Sample IIIF manifests":"IIIF 示例清单","Toggle sidebar":"切换侧边栏"},tn=Object.freeze(Object.defineProperty({__proto__:null,$language:dt,Collection:gt,Language:ft,Load:ht,automatic:ut,dark:mt,default:en},Symbol.toStringTag,{value:"Module"})),nn={viewBox:"0 0 24 24",class:"tify-icon -card-plus-outline","aria-hidden":"true"};function an(t,e){return o(),l("svg",nn,[...e[0]||(e[0]=[a("path",{fill:"currentColor",d:"M21 15v3h3v2h-3v3h-2v-3h-3v-2h3v-3zm-7 3H3V6h16v7h2V6c0-1.11-.89-2-2-2H3a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h11z"},null,-1)])])}const on=h({name:"mdi-CardPlusOutline",render:an});class L{constructor(e={}){this.colorMode="system",this.hasContentState=!!new URL(window.location).searchParams.get("iiif-content"),this.id=e.id,this.language=e.language||"en",this.manifestUrl=e.manifestUrl||"",this.sidebarOpen=!1,this.tify=null}destroy(){var n;this.manifestUrl="",(n=this.tify)==null||n.destroy(),this.tify=null,L.updateDocumentTitle();const e=new URL(window.location);e.searchParams.delete(`language${this.id}`),e.searchParams.delete(`manifest${this.id}`),e.searchParams.delete(`tify${this.id}`),window.history.pushState(null,"",e.toString())}initTify(e){var c;e&&(this.manifestUrl=e),(c=this.tify)==null||c.destroy();const n=new URL(window.location);!this.hasContentState&&n.searchParams.get(`manifest${this.id}`)!==this.manifestUrl&&(n.searchParams.delete("iiif-content"),n.searchParams.delete(`tify${this.id}`),n.searchParams.set(`manifest${this.id}`,this.manifestUrl),window.history.pushState(null,"",n.toString())),this.tify=new Tify({...window.tifyConfig,container:document.getElementById(`container${this.id}`),colorMode:this.colorMode,contentStateEnabled:this.hasContentState,language:this.language,manifestUrl:this.manifestUrl,urlQueryKey:`tify${this.id}`}),this.tify.ready.then(()=>L.updateDocumentTitle()),window.getComputedStyle(this.tify.app._container.firstChild,"::after").content!=='"wide"'&&(this.sidebarOpen=!1),this.hasContentState=!1,window.tify=this.tify}async setLanguage(e){var c;this.language=e,(c=this.tify)==null||c.setLanguage(e);const n=new URL(window.location);e==="en"?n.searchParams.delete(`language${this.id}`):n.searchParams.set(`language${this.id}`,e),window.history.pushState(null,"",n.toString())}static updateDocumentTitle(){const e=document.querySelectorAll(".tify-header-title");document.title=`TIFY${[...e].map(n=>` · ${n.textContent}`).join("")}`}}const sn={viewBox:"0 0 24 24",class:"tify-icon -weather-night","aria-hidden":"true"};function ln(t,e){return o(),l("svg",sn,[...e[0]||(e[0]=[a("path",{fill:"currentColor",d:"m17.75 4.09l-2.53 1.94l.91 3.06l-2.63-1.81l-2.63 1.81l.91-3.06l-2.53-1.94L12.44 4l1.06-3l1.06 3zm3.5 6.91l-1.64 1.25l.59 1.98l-1.7-1.17l-1.7 1.17l.59-1.98L15.75 11l2.06-.05L18.5 9l.69 1.95zm-2.28 4.95c.83-.08 1.72 1.1 1.19 1.85c-.32.45-.66.87-1.08 1.27C15.17 23 8.84 23 4.94 19.07c-3.91-3.9-3.91-10.24 0-14.14c.4-.4.82-.76 1.27-1.08c.75-.53 1.93.36 1.85 1.19c-.27 2.86.69 5.83 2.89 8.02a9.96 9.96 0 0 0 8.02 2.89m-1.64 2.02a12.08 12.08 0 0 1-7.8-3.47c-2.17-2.19-3.33-5-3.49-7.82c-2.81 3.14-2.7 7.96.31 10.98c3.02 3.01 7.84 3.12 10.98.31"},null,-1)])])}const rn=h({name:"mdi-WeatherNight",render:ln}),cn={viewBox:"0 0 24 24",class:"tify-icon -weather-sunny","aria-hidden":"true"};function dn(t,e){return o(),l("svg",cn,[...e[0]||(e[0]=[a("path",{fill:"currentColor",d:"M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3m0-7l2.39 3.42C13.65 5.15 12.84 5 12 5s-1.65.15-2.39.42zM3.34 7l4.16-.35A7.2 7.2 0 0 0 5.94 8.5c-.44.74-.69 1.5-.83 2.29zm.02 10l1.76-3.77a7.13 7.13 0 0 0 2.38 4.14zM20.65 7l-1.77 3.79a7.02 7.02 0 0 0-2.38-4.15zm-.01 10l-4.14.36c.59-.51 1.12-1.14 1.54-1.86c.42-.73.69-1.5.83-2.29zM12 22l-2.41-3.44c.74.27 1.55.44 2.41.44c.82 0 1.63-.17 2.37-.44z"},null,-1)])])}const un=h({name:"mdi-WeatherSunny",render:dn}),gn={viewBox:"0 0 24 24",class:"tify-icon -theme-light-dark","aria-hidden":"true"};function mn(t,e){return o(),l("svg",gn,[...e[0]||(e[0]=[a("path",{fill:"currentColor",d:"M7.5 2c-1.79 1.15-3 3.18-3 5.5s1.21 4.35 3.03 5.5C4.46 13 2 10.54 2 7.5A5.5 5.5 0 0 1 7.5 2m11.57 1.5l1.43 1.43L4.93 20.5L3.5 19.07zm-6.18 2.43L11.41 5L9.97 6l.42-1.7L9 3.24l1.75-.12l.58-1.65L12 3.1l1.73.03l-1.35 1.13zm-3.3 3.61l-1.16-.73l-1.12.78l.34-1.32l-1.09-.83l1.36-.09l.45-1.29l.51 1.27l1.36.03l-1.05.87zM19 13.5a5.5 5.5 0 0 1-5.5 5.5c-1.22 0-2.35-.4-3.26-1.07l7.69-7.69c.67.91 1.07 2.04 1.07 3.26m-4.4 6.58l2.77-1.15l-.24 3.35zm4.33-2.7l1.15-2.77l2.2 2.54zm1.15-4.96l-1.14-2.78l3.34.24zM9.63 18.93l2.77 1.15l-2.53 2.19z"},null,-1)])])}const fn=h({name:"mdi-ThemeLightDark",render:mn}),hn={props:{instance:{type:Object,required:!0}},emits:["change"],methods:{getLabel(t){return t==="system"?this.$translate("automatic",this.instance):t==="light"?this.$translate("light [adjective]",this.instance):this.$translate("dark",this.instance)}}},_n=["aria-label"],pn=["aria-label","aria-pressed","title","onClick"];function In(t,e,n,c,r,s){const d=fn,_=un,f=rn;return o(),l("ul",{"aria-label":t.$translate("Color mode",n.instance),role:"toolbar"},[(o(),l(k,null,C(["system","light","dark"],g=>a("li",{key:g},[a("button",{type:"button","aria-label":s.getLabel(g),"aria-pressed":n.instance.colorMode===g,title:s.getLabel(g),onClick:v=>t.$emit("change",g)},[g==="system"?(o(),b(d,{key:0})):g==="light"?(o(),b(_,{key:1})):(o(),b(f,{key:2}))],8,pn)])),64))],8,_n)}const $n=I(hn,[["render",In],["__scopeId","data-v-3c83771a"]]),bn={viewBox:"0 0 24 24",class:"tify-icon -github","aria-hidden":"true"};function vn(t,e){return o(),l("svg",bn,[...e[0]||(e[0]=[a("path",{fill:"currentColor",d:"M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2"},null,-1)])])}const yn=h({name:"mdi-Github",render:vn});var Ln={blobBaseUrl:"https://github.com/tify-iiif-viewer/tify/blob/v0.36.2",bugsUrl:"https://github.com/tify-iiif-viewer/tify/issues",license:"AGPL-3.0",repositoryUrl:"https://github.com/tify-iiif-viewer/tify",version:"0.36.2"};const kn={computed:{env:()=>Ln}},Cn=["href"];function jn(t,e,n,c,r,s){const d=yn;return o(),l("footer",null,[a("a",{href:s.env.repositoryUrl,"aria-label":"TIFY @ GitHub"},[m(d),e[0]||(e[0]=j(" TIFY ",-1))],8,Cn)])}const Sn=I(kn,[["render",jn],["__scopeId","data-v-0f9d03c6"]]),wn={viewBox:"0 0 24 24",class:"tify-icon -arrow-right","aria-hidden":"true"};function Fn(t,e){return o(),l("svg",wn,[...e[0]||(e[0]=[a("path",{fill:"currentColor",d:"M4 11v2h12l-5.5 5.5l1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5L16 11z"},null,-1)])])}const Un=h({name:"mdi-ArrowRight",render:Fn}),Rn={viewBox:"0 0 24 24",class:"tify-icon -backburger","aria-hidden":"true"};function zn(t,e){return o(),l("svg",Rn,[...e[0]||(e[0]=[a("path",{fill:"currentColor",d:"m5 13l4 4l-1.4 1.42L1.18 12L7.6 5.58L9 7l-4 4h16v2zm16-7v2H11V6zm0 10v2H11v-2z"},null,-1)])])}const Mn=h({name:"mdi-Backburger",render:zn}),Tn={viewBox:"0 0 24 24",class:"tify-icon -menu","aria-hidden":"true"};function On(t,e){return o(),l("svg",Tn,[...e[0]||(e[0]=[a("path",{fill:"currentColor",d:"M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"},null,-1)])])}const Pn=h({name:"mdi-Menu",render:On}),An={props:{instance:{type:Object,required:!0},isInstanceRemovable:{type:Boolean,default:!0}},emits:["loadManifest","removeInstance","toggleSidebar","updateManifestUrl"]},Dn=["aria-label","aria-controls","aria-expanded"],Bn=["id","aria-label","placeholder","value"],xn=["aria-label"],Nn=["aria-label"];function En(t,e,n,c,r,s){var v;const d=Pn,_=Mn,f=Un,g=$t;return o(),l("header",{class:w({"-narrow":!n.instance.tify})},[n.instance.tify?(o(),l("button",{key:0,type:"button","aria-label":t.$translate("Toggle sidebar",n.instance),"aria-controls":`sidebar${n.instance.id}`,"aria-expanded":n.instance.sidebarOpen,onClick:e[0]||(e[0]=p=>t.$emit("toggleSidebar"))},[n.instance.sidebarOpen?(o(),b(_,{key:1})):(o(),b(d,{key:0}))],8,Dn)):S("",!0),a("form",{onSubmit:e[4]||(e[4]=M(p=>t.$emit("loadManifest"),["prevent"]))},[a("input",{id:`manifest${n.instance.id}`,ref:"input",type:"url","aria-label":t.$translate("IIIF manifest URL",n.instance),placeholder:t.$translate("IIIF manifest URL",n.instance),value:n.instance.manifestUrl,onInput:e[1]||(e[1]=p=>t.$emit("updateManifestUrl",p.target.value)),onFocus:e[2]||(e[2]=p=>p.target.select())},null,40,Bn),pt(a("button",{type:"submit",class:"submit","aria-label":t.$translate("Load",n.instance)},[m(f)],8,xn),[[It,n.instance.manifestUrl&&n.instance.manifestUrl!==((v=n.instance.tify)==null?void 0:v.options.manifestUrl)]]),n.isInstanceRemovable?(o(),l("button",{key:0,type:"button",class:"remove","aria-label":t.$translate("Remove instance",n.instance),onClick:e[3]||(e[3]=p=>t.$emit("removeInstance"))},[m(g)],8,Nn)):S("",!0)],32)],2)}const Hn=I(An,[["render",En],["__scopeId","data-v-ffa4b5f2"]]),Vn={viewBox:"0 0 24 24",class:"tify-icon -earth","aria-hidden":"true"};function Kn(t,e){return o(),l("svg",Vn,[...e[0]||(e[0]=[a("path",{fill:"currentColor",d:"M17.9 17.39c-.26-.8-1.01-1.39-1.9-1.39h-1v-3a1 1 0 0 0-1-1H8v-2h2a1 1 0 0 0 1-1V7h2a2 2 0 0 0 2-2v-.41a7.984 7.984 0 0 1 2.9 12.8M11 19.93c-3.95-.49-7-3.85-7-7.93c0-.62.08-1.22.21-1.79L9 15v1a2 2 0 0 0 2 2m1-16A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2"},null,-1)])])}const qn=h({name:"mdi-Earth",render:Kn}),Gn={props:{instance:{type:Object,required:!0}},emits:["change"],computed:{languages(){const t=new Intl.Collator("und");return Object.entries(this.$translations).map(([e,n])=>({code:e,name:n.$language})).sort((e,n)=>t.compare(e.name,n.name))}}},Wn={class:"code"},Yn={class:"tify-button-list"},Zn=["onClick"];function Jn(t,e,n,c,r,s){const d=qn,_=bt;return o(),b(_,{label:t.$translate("Language",n.instance)},{button:z(()=>[m(d),a("span",Wn,y(n.instance.language),1)]),default:z(()=>[a("ol",Yn,[(o(!0),l(k,null,C(s.languages,f=>(o(),l("li",{key:f.code},[a("a",{href:"javascript:;",class:w({current:n.instance.language===f.code}),onClick:g=>t.$emit("change",f.code)},y(f.name),11,Zn)]))),128))])]),_:1},8,["label"])}const Qn=I(Gn,[["render",Jn],["__scopeId","data-v-a0d0b43e"]]);function Xn(t){return t.replace(/^https?:\/\//,"").replace(/[\\/:*?"<>|]/g,"-")}const ea=[{title:"Historia Astronomiae",url:"https://manifests.sub.uni-goettingen.de/iiif/presentation/PPN623133725/manifest",type:"manifest"},{title:"Algebra Vorlesungsmanuskript",url:"https://manifests.sub.uni-goettingen.de/iiif/presentation/DE-611-HS-3216958/manifest",type:"manifest"},{title:"Commodes Manual",url:"https://manifests.sub.uni-goettingen.de/iiif/presentation/PPN1887397396/manifest?version=7a696723",type:"manifest"},{title:"Papyrus of Dioscorus of Aphrodito",url:"https://adore.ugent.be/IIIF/manifests/archive.ugent.be:4B39C8CA-6FF9-11E1-8C42-C8A93B7C8C91",type:"manifest"},{title:"The Natural Method of Healing",url:"https://iiif.wellcomecollection.org/presentation/b20417081",type:"manifest"},{title:"Self-Portrait Dedicated to Paul Gauguin",url:"https://iiif.harvardartmuseums.org/manifests/object/299843",type:"manifest"},{title:"Kalighat Paintings",url:"https://iiif.bodleian.ox.ac.uk/iiif/manifest/e32a277e-91e2-4a6d-8ba6-cc4bad230410.json",type:"manifest"},{title:"Dort or Dordrecht",url:"https://manifests.collections.yale.edu/ycba/obj/34",type:"manifest"},{title:"IIIF Cookbook",url:"https://tify.rocks/manifests/iiif-cookbook-collection.json",type:"collection"},{title:"Bodleian Libraries",url:"https://iiif.bodleian.ox.ac.uk/iiif/collection/top",type:"collection"},{title:"Durham University",url:"https://iiif.durham.ac.uk/manifests/trifle/collection/index",type:"collection"},{title:"Northwestern University Libraries",url:"https://api.dc.library.northwestern.edu/api/v2/collections?as=iiif",type:"collection"},{title:"TU Delft",url:"https://heritage.tudelft.nl/iiif/collection.json",type:"collection"},{title:"Universitätsbibliothek Leipzig",url:"https://iiif.ub.uni-leipzig.de/static/collections/toplevel.json",type:"collection"},{title:"Villanova University",url:"https://digital.library.villanova.edu/Collection/vudl:3/IIIF",type:"collection"},{title:"Wellcome Collection Archives",url:"https://iiif.wellcomecollection.org/presentation/v3/collections/archives",type:"collection"}],ta={props:{instance:{type:Object,required:!0}},emits:["load"],data(){return{manifests:ea}},methods:{filenamifyUrl:Xn}},na=["href","onClick"],aa=["src"],oa={class:"title"},ia={class:"title-text"},sa={key:0};function la(t,e,n,c,r,s){return o(),l("ul",null,[(o(!0),l(k,null,C(r.manifests,d=>(o(),l("li",{key:d.url},[a("a",{href:`?manifest=${d.url}`,onClick:M(_=>t.$emit("load",d.url),["prevent"])},[a("img",{width:"240",alt:"",height:"240",loading:"lazy",src:`thumbnails/${s.filenamifyUrl(d.url)}.avif`},null,8,aa),a("span",oa,[a("span",ia,[d.type==="collection"?(o(),l("b",sa,[j(y(t.$translate("Collection",n.instance))+" ",1),e[0]||(e[0]=a("br",null,null,-1))])):S("",!0),j(" "+y(d.title),1)])])],8,na)]))),128))])}const ra=I(ta,[["render",la],["__scopeId","data-v-47e96d87"]]),ca={},da={width:"592",height:"240",viewBox:"0 0 592 240",xmlns:"http://www.w3.org/2000/svg"};function ua(t,e){return o(),l("svg",da,[...e[0]||(e[0]=[vt('<title data-v-b679d04e>TIFY</title><rect x="12" y="12" width="568" height="216" fill="none" stroke-width="24" data-v-b679d04e></rect><path d="M72 64h96v26h-34v86h-28V90H72" data-v-b679d04e></path><path d="M199 82h9v76h-9z" fill="#06b" opacity=".33" data-v-b679d04e></path><path d="M208 74h12v92h-12z" fill="#06b" opacity=".67" data-v-b679d04e></path><path fill="#06b" d="M220 64h28v112h-28z" data-v-b679d04e></path><path d="M296 64h84v26h-56v23h52v26h-52v37h-28" data-v-b679d04e></path><path d="m520 64-38 75.27V176h-28v-36.73L416 64h30.16L468 107l21.84-43" data-v-b679d04e></path>',8)])])}const ga=I(ca,[["render",ua],["__scopeId","data-v-b679d04e"]]),ma={components:{ColorModeSwitcher:$n,DemoFooter:Sn,DemoHeader:Hn,LanguageSwitcher:Qn,SampleManifests:ra,TifyLogo:ga},data(){return{instances:[]}},beforeMount(){this.init()},mounted(){window.addEventListener("popstate",this.init)},destroy(){window.removeEventListener("popstate",this.init)},methods:{init(){const t=new URL(window.location).searchParams,e=[];t.forEach((n,c)=>{c==="iiif-content"&&e.push(""),c.startsWith("manifest")&&e.push(c.replace("manifest",""))}),!(this.instances.length&&e.length===this.instances.filter(n=>n.tify).length)&&(this.instances.forEach(n=>{var c;return(c=n.tify)==null?void 0:c.destroy()}),this.instances=[],e.forEach(n=>{const c=this.addInstance({id:n,language:t.get(`language${n}`),manifestUrl:t.get(`manifest${n}`)||t.get("iiif-content"),urlQueryKey:`tify${n}`});this.$nextTick(()=>{c.initTify()})}),e.length||this.addInstance({language:t.get("language")}))},addInstance(t={}){const e=yt(new L({...t,id:t.id||this.getNewInstanceId()}));return this.instances.push(e),e},getNewInstanceId(){let t="";for(;this.instances.find(e=>e.id===t);)t=((parseInt(t,10)||1)+1).toString();return t},removeInstance(t){t.destroy(),this.instances.length>1&&this.instances.splice(this.instances.findIndex(e=>e.id===t.id),1)}}},fa={class:"app"},ha={class:"main"},_a=["id","hidden"],pa={class:"sidebar-header"},Ia={class:"logo"},$a=["onClick"],ba=["aria-label","title"],va={class:"tify-sr-only"},ya=["id"];function La(t,e,n,c,r,s){const d=$("DemoHeader"),_=$("TifyLogo"),f=$("ColorModeSwitcher"),g=$("LanguageSwitcher"),v=on,p=$("SampleManifests"),_t=$("DemoFooter");return o(),l("main",fa,[(o(!0),l(k,null,C(r.instances,i=>(o(),l("section",{key:i.id,class:"instance",style:Lt(`color-scheme: ${i.colorMode==="system"?"light dark":i.colorMode}`)},[m(d,{instance:i,isInstanceRemovable:!!i.tify||r.instances.length>1,onLoadManifest:u=>i.initTify(),onRemoveInstance:u=>s.removeInstance(i),onUpdateManifestUrl:u=>i.manifestUrl=u,onToggleSidebar:u=>i.sidebarOpen=!i.sidebarOpen},null,8,["instance","isInstanceRemovable","onLoadManifest","onRemoveInstance","onUpdateManifestUrl","onToggleSidebar"]),a("div",ha,[a("div",{id:`sidebar${i.id}`,class:"sidebar",hidden:!i.sidebarOpen&&i.tify},[a("div",pa,[a("h1",Ia,[a("a",{href:"javascript:;",onClick:u=>s.removeInstance(i)},[m(_)],8,$a)]),a("div",{class:w(["sidebar-controls",{"-gap":!i.tify}])},[m(f,{instance:i,onChange:u=>{var R;i.colorMode=u,(R=i.tify)==null||R.updateOptions({colorMode:u})}},null,8,["instance","onChange"]),m(g,{instance:i,onChange:u=>i.setLanguage(u)},null,8,["instance","onChange"]),a("ul",null,[a("li",null,[a("button",{type:"button","aria-label":t.$translate("Add instance",i),title:t.$translate("Add instance",i),onClick:e[0]||(e[0]=u=>s.addInstance())},[m(v)],8,ba)])])],2)]),a("h2",va,y(t.$translate("Sample IIIF manifests",i)),1),m(p,{instance:i,onLoad:u=>i.initTify(u)},null,8,["instance","onLoad"]),m(_t)],8,_a),a("div",{id:`container${i.id}`,class:"container"},null,8,ya)])],4))),128))])}const ka=I(ma,[["render",La],["__scopeId","data-v-2bf5c9be"]]),F=kt({render:()=>Ct(ka)}),U={en:{$language:"English"}},Ca=Object.assign({"./translations/bg.json":St,"./translations/de.json":Ft,"./translations/eo.json":Rt,"./translations/fi.json":Mt,"./translations/fr.json":Ot,"./translations/hr.json":At,"./translations/it.json":Bt,"./translations/ja.json":Nt,"./translations/nl.json":Ht,"./translations/pl.json":Kt,"./translations/se.json":Gt,"./translations/sq.json":Yt,"./translations/sv.json":Jt,"./translations/tr.json":Xt,"./translations/zh.json":tn});Object.entries(Ca).forEach(([t,e])=>{U[t.split("/").at(-1).split(".")[0]]=e.default});F.config.globalProperties.$translate=(t,e)=>{var n;return((n=U[e.language])==null?void 0:n[t])||t.replace(/\s+\[.+?\]/g,"")};F.config.globalProperties.$translations=U;F.mount("#demo");