tify/dist/demo.js

A slim and mobile-friendly IIIF document viewer

import{_ as u,c as s,o,a,F as y,r as C,b as L,d as f,e as k,f as j,w as ht,v as pt,g as It,h as R,n as S,i as U,t as b,j as Lt,k as $t,l as I,m as bt,p as vt,q as yt,s as Ct}from"./tify.js";(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const l of document.querySelectorAll('link[rel="modulepreload"]'))c(l);new MutationObserver(l=>{for(const r of l)if(r.type==="childList")for(const d of r.addedNodes)d.tagName==="LINK"&&d.rel==="modulepreload"&&c(d)}).observe(document,{childList:!0,subtree:!0});function n(l){const r={};return l.integrity&&(r.integrity=l.integrity),l.referrerPolicy&&(r.referrerPolicy=l.referrerPolicy),l.crossOrigin==="use-credentials"?r.credentials="include":l.crossOrigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function c(l){if(l.ep)return;l.ep=!0;const r=n(l);fetch(l.href,r)}})();const T="Български",A="автоматично",O="Колекция",P="тъмен",V="Език",H="Зареждане",kt={$language:T,"Add instance":"Добавяне на инстанция",automatic:A,Collection:O,"Color mode":"Цветови режим",dark:P,"IIIF manifest URL":"IIIF manifest URL",Language:V,"light [adjective]":"светъл",Load:H,"Remove instance":"Премахни инстанция","Sample IIIF manifests":"Примерни IIIF манифести","Toggle sidebar":"Превключи страничната лента"},jt=Object.freeze(Object.defineProperty({__proto__:null,$language:T,Collection:O,Language:V,Load:H,automatic:A,dark:P,default:kt},Symbol.toStringTag,{value:"Module"})),z="Deutsch",D="automatisch",x="Sammlung",B="dunkel",N="Sprache",E="Laden",St={$language:z,"Add instance":"Neue Instanz",automatic:D,Collection:x,"Color mode":"Farbmodus",dark:B,"IIIF manifest URL":"IIIF-Manifest-URL",Language:N,"light [adjective]":"hell",Load:E,"Remove instance":"Entferne Instanz","Sample IIIF manifests":"Beispiel-IIIF-Manifeste","Toggle sidebar":"Seitenleiste umschalten"},Ft=Object.freeze(Object.defineProperty({__proto__:null,$language:z,Collection:x,Language:N,Load:E,automatic:D,dark:B,default:St},Symbol.toStringTag,{value:"Module"})),K="Esperanto",q="aŭtomate",Z="Kolekto",G="malhela",Y="Lingvo",W="Ŝargi",wt={$language:K,"Add instance":"Aldoni instancon",automatic:q,Collection:Z,"Color mode":"Kolora reĝimo",dark:G,"IIIF manifest URL":"IIIF-manifesta URL",Language:Y,"light [adjective]":"hela",Load:W,"Remove instance":"Forigi instancon","Sample IIIF manifests":"Ekzemplaj IIIF-manifestoj","Toggle sidebar":" Baskuli flankpanelon"},Mt=Object.freeze(Object.defineProperty({__proto__:null,$language:K,Collection:Z,Language:Y,Load:W,automatic:q,dark:G,default:wt},Symbol.toStringTag,{value:"Module"})),J="Suomi",Q="automaattinen",X="Kokoelma",ee="tumma",te="Kieli",ne="Lataa",Ut={$language:J,"Add instance":"Lisää näkymä",automatic:Q,Collection:X,"Color mode":"Väritila",dark:ee,"IIIF manifest URL":"IIIF-manifestin URL",Language:te,"light [adjective]":"vaalea",Load:ne,"Remove instance":"Sulje näkymä","Sample IIIF manifests":"IIIF-esimerkkimanifesteja","Toggle sidebar":"Avaa/sulje sivupaneeli"},Rt=Object.freeze(Object.defineProperty({__proto__:null,$language:J,Collection:X,Language:te,Load:ne,automatic:Q,dark:ee,default:Ut},Symbol.toStringTag,{value:"Module"})),ae="Français",oe="automatique",ie="Collection",se="sombre",le="Langue",re="Charger",Tt={$language:ae,"Add instance":"Nouvelle instance",automatic:oe,Collection:ie,"Color mode":"Mode couleur",dark:se,"IIIF manifest URL":"URL du manifeste IIIF",Language:le,"light [adjective]":"clair",Load:re,"Remove instance":"Supprimer l’instance","Sample IIIF manifests":"Exemples de manifestes IIIF","Toggle sidebar":"Basculer la barre latérale"},At=Object.freeze(Object.defineProperty({__proto__:null,$language:ae,Collection:ie,Language:le,Load:re,automatic:oe,dark:se,default:Tt},Symbol.toStringTag,{value:"Module"})),ce="Hrvatski",de="automatski",ue="Zbirka",ge="tamno",me="Jezik",fe="Učitaj",Ot={$language:ce,"Add instance":"Dodaj instancu",automatic:de,Collection:ue,"Color mode":"Način boja",dark:ge,"IIIF manifest URL":"IIIF manifest URL",Language:me,"light [adjective]":"svijetlo",Load:fe,"Remove instance":"Ukloni instancu","Sample IIIF manifests":"Primjeri IIIF manifesta","Toggle sidebar":"Prebaci bočnu traku"},Pt=Object.freeze(Object.defineProperty({__proto__:null,$language:ce,Collection:ue,Language:me,Load:fe,automatic:de,dark:ge,default:Ot},Symbol.toStringTag,{value:"Module"})),_e="Italiano",he="automatico",pe="Collezione",Ie="scuro",Le="Lingua",$e="Carica",Vt={$language:_e,"Add instance":"Aggiungi istanza",automatic:he,Collection:pe,"Color mode":"Modalità colore",dark:Ie,"IIIF manifest URL":"URL del manifesto IIIF",Language:Le,"light [adjective]":"chiaro",Load:$e,"Remove instance":"Rimuovi istanza","Sample IIIF manifests":"Manifesti IIIF di esempio","Toggle sidebar":"Attiva barra laterale"},Ht=Object.freeze(Object.defineProperty({__proto__:null,$language:_e,Collection:pe,Language:Le,Load:$e,automatic:he,dark:Ie,default:Vt},Symbol.toStringTag,{value:"Module"})),be="日本語",ve="自動",ye="コレクション",Ce="ダーク",ke="言語",je="読み込み",zt={$language:be,"Add instance":"インスタンスを追加",automatic:ve,Collection:ye,"Color mode":"カラーモード",dark:Ce,"IIIF manifest URL":"IIIF マニフェスト URL",Language:ke,"light [adjective]":"ライト",Load:je,"Remove instance":"インスタンスを削除","Sample IIIF manifests":"サンプル IIIF マニフェスト","Toggle sidebar":"サイドバーを切り替える"},Dt=Object.freeze(Object.defineProperty({__proto__:null,$language:be,Collection:ye,Language:ke,Load:je,automatic:ve,dark:Ce,default:zt},Symbol.toStringTag,{value:"Module"})),Se="Nederlands",Fe="automatisch",we="Collectie",Me="donker",Ue="Taal",Re="Laden",xt={$language:Se,"Add instance":"Instantie toevoegen",automatic:Fe,Collection:we,"Color mode":"Kleurmodus",dark:Me,"IIIF manifest URL":"IIIF-manifest-URL",Language:Ue,"light [adjective]":"licht",Load:Re,"Remove instance":"Instantie verwijderen","Sample IIIF manifests":"Voorbeeld IIIF-manifesten","Toggle sidebar":"Zijbalk schakelen"},Bt=Object.freeze(Object.defineProperty({__proto__:null,$language:Se,Collection:we,Language:Ue,Load:Re,automatic:Fe,dark:Me,default:xt},Symbol.toStringTag,{value:"Module"})),Te="Polski",Ae="automatycznie",Oe="Kolekcja",Pe="ciemny",Ve="Język",He="Załaduj",Nt={$language:Te,"Add instance":"Dodaj instancję",automatic:Ae,Collection:Oe,"Color mode":"Tryb kolorów",dark:Pe,"IIIF manifest URL":"URL manifestu IIIF",Language:Ve,"light [adjective]":"jasny",Load:He,"Remove instance":"Usuń instancję","Sample IIIF manifests":"Przykładowe manifesty IIIF","Toggle sidebar":"Przełącz pasek boczny"},Et=Object.freeze(Object.defineProperty({__proto__:null,$language:Te,Collection:Oe,Language:Ve,Load:He,automatic:Ae,dark:Pe,default:Nt},Symbol.toStringTag,{value:"Module"})),ze="Davvisámegiella",De="automáhtalaš",xe="Čoakkáldat",Be="seavdnjat",Ne="Giella",Ee="Luđejuvvo",Kt={$language:ze,"Add instance":"Lasit oidnosa",automatic:De,Collection:xe,"Color mode":"Ivdnedilli",dark:Be,"IIIF manifest URL":"IIIF-manifestta URL",Language:Ne,"light [adjective]":"čuovgat",Load:Ee,"Remove instance":"Gidde oidnosa","Sample IIIF manifests":"IIIF-ovdamearkamanifeasttat","Toggle sidebar":"Siidopanela"},qt=Object.freeze(Object.defineProperty({__proto__:null,$language:ze,Collection:xe,Language:Ne,Load:Ee,automatic:De,dark:Be,default:Kt},Symbol.toStringTag,{value:"Module"})),Ke="Shqip",qe="automatikisht",Ze="Koleksion",Ge="i errët",Ye="Gjuha",We="Ngarko",Zt={$language:Ke,"Add instance":"Shto instancë",automatic:qe,Collection:Ze,"Color mode":"Mënyra e ngjyrave",dark:Ge,"IIIF manifest URL":"URL e manifestit IIIF",Language:Ye,"light [adjective]":"i hapur",Load:We,"Remove instance":"Hiq instancën","Sample IIIF manifests":"Shembuj të manifesteve IIIF","Toggle sidebar":"Aktivo shiritin anësor"},Gt=Object.freeze(Object.defineProperty({__proto__:null,$language:Ke,Collection:Ze,Language:Ye,Load:We,automatic:qe,dark:Ge,default:Zt},Symbol.toStringTag,{value:"Module"})),Je="Svenska",Qe="automatisk",Xe="Samling",et="mörk",tt="Språk",nt="Ladda",Yt={$language:Je,"Add instance":"Lägg till en vy",automatic:Qe,Collection:Xe,"Color mode":"Färgläge",dark:et,"IIIF manifest URL":"URL till IIIF-manifest",Language:tt,"light [adjective]":"ljus",Load:nt,"Remove instance":"Ta bort vyn","Sample IIIF manifests":"IIIF-exempelmanifest","Toggle sidebar":"Aktivera sidpanelen"},Wt=Object.freeze(Object.defineProperty({__proto__:null,$language:Je,Collection:Xe,Language:tt,Load:nt,automatic:Qe,dark:et,default:Yt},Symbol.toStringTag,{value:"Module"})),at="Türkçe",ot="otomatik",it="Koleksiyon",st="koyu",lt="Dil",rt="Yükle",Jt={$language:at,"Add instance":"Yeni örnek",automatic:ot,Collection:it,"Color mode":"Renk modu",dark:st,"IIIF manifest URL":"IIIF manifest URL'si",Language:lt,"light [adjective]":"açık",Load:rt,"Remove instance":"Örneği kaldır","Sample IIIF manifests":"Örnek IIIF manifestleri","Toggle sidebar":"Kenar çubuğunu değiştir"},Qt=Object.freeze(Object.defineProperty({__proto__:null,$language:at,Collection:it,Language:lt,Load:rt,automatic:ot,dark:st,default:Jt},Symbol.toStringTag,{value:"Module"})),ct="中文",dt="自动",ut="集合",gt="深色",mt="语言",ft="加载",Xt={$language:ct,"Add instance":"新增实例",automatic:dt,Collection:ut,"Color mode":"颜色模式",dark:gt,"IIIF manifest URL":"IIIF 清单 URL",Language:mt,"light [adjective]":"浅色",Load:ft,"Remove instance":"移除实例","Sample IIIF manifests":"IIIF 示例清单","Toggle sidebar":"切换侧边栏"},en=Object.freeze(Object.defineProperty({__proto__:null,$language:ct,Collection:ut,Language:mt,Load:ft,automatic:dt,dark:gt,default:Xt},Symbol.toStringTag,{value:"Module"})),tn={},nn={class:"tify-icon -card-plus-outline","aria-hidden":"true",viewBox:"0 0 24 24"};function an(t,e){return o(),s("svg",nn,[...e[0]||(e[0]=[a("path",{d:"M21 15V18H24V20H21V23H19V20H16V18H19V15H21M14 18H3V6H19V13H21V6C21 4.89 20.11 4 19 4H3C1.9 4 1 4.89 1 6V18C1 19.11 1.9 20 3 20H14V18Z"},null,-1)])])}const on=u(tn,[["render",an]]);class v{constructor(e={}){this.colorMode="auto",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,v.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({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(()=>v.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={},ln={class:"tify-icon -weather-night","aria-hidden":"true",viewBox:"0 0 24 24"};function rn(t,e){return o(),s("svg",ln,[...e[0]||(e[0]=[a("path",{d:"M17.75,4.09L15.22,6.03L16.13,9.09L13.5,7.28L10.87,9.09L11.78,6.03L9.25,4.09L12.44,4L13.5,1L14.56,4L17.75,4.09M21.25,11L19.61,12.25L20.2,14.23L18.5,13.06L16.8,14.23L17.39,12.25L15.75,11L17.81,10.95L18.5,9L19.19,10.95L21.25,11M18.97,15.95C19.8,15.87 20.69,17.05 20.16,17.8C19.84,18.25 19.5,18.67 19.08,19.07C15.17,23 8.84,23 4.94,19.07C1.03,15.17 1.03,8.83 4.94,4.93C5.34,4.53 5.76,4.17 6.21,3.85C6.96,3.32 8.14,4.21 8.06,5.04C7.79,7.9 8.75,10.87 10.95,13.06C13.14,15.26 16.1,16.22 18.97,15.95M17.33,17.97C14.5,17.81 11.7,16.64 9.53,14.5C7.36,12.31 6.2,9.5 6.04,6.68C3.23,9.82 3.34,14.64 6.35,17.66C9.37,20.67 14.19,20.78 17.33,17.97Z"},null,-1)])])}const cn=u(sn,[["render",rn]]),dn={},un={class:"tify-icon -weather-sunny","aria-hidden":"true",viewBox:"0 0 24 24"};function gn(t,e){return o(),s("svg",un,[...e[0]||(e[0]=[a("path",{d:"M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,2L14.39,5.42C13.65,5.15 12.84,5 12,5C11.16,5 10.35,5.15 9.61,5.42L12,2M3.34,7L7.5,6.65C6.9,7.16 6.36,7.78 5.94,8.5C5.5,9.24 5.25,10 5.11,10.79L3.34,7M3.36,17L5.12,13.23C5.26,14 5.53,14.78 5.95,15.5C6.37,16.24 6.91,16.86 7.5,17.37L3.36,17M20.65,7L18.88,10.79C18.74,10 18.47,9.23 18.05,8.5C17.63,7.78 17.1,7.15 16.5,6.64L20.65,7M20.64,17L16.5,17.36C17.09,16.85 17.62,16.22 18.04,15.5C18.46,14.77 18.73,14 18.87,13.21L20.64,17M12,22L9.59,18.56C10.33,18.83 11.14,19 12,19C12.82,19 13.63,18.83 14.37,18.56L12,22Z"},null,-1)])])}const mn=u(dn,[["render",gn]]),fn={},_n={class:"tify-icon -theme-light-dark","aria-hidden":"true",viewBox:"0 0 24 24"};function hn(t,e){return o(),s("svg",_n,[...e[0]||(e[0]=[a("path",{d:"M7.5,2C5.71,3.15 4.5,5.18 4.5,7.5C4.5,9.82 5.71,11.85 7.53,13C4.46,13 2,10.54 2,7.5A5.5,5.5 0 0,1 7.5,2M19.07,3.5L20.5,4.93L4.93,20.5L3.5,19.07L19.07,3.5M12.89,5.93L11.41,5L9.97,6L10.39,4.3L9,3.24L10.75,3.12L11.33,1.47L12,3.1L13.73,3.13L12.38,4.26L12.89,5.93M9.59,9.54L8.43,8.81L7.31,9.59L7.65,8.27L6.56,7.44L7.92,7.35L8.37,6.06L8.88,7.33L10.24,7.36L9.19,8.23L9.59,9.54M19,13.5A5.5,5.5 0 0,1 13.5,19C12.28,19 11.15,18.6 10.24,17.93L17.93,10.24C18.6,11.15 19,12.28 19,13.5M14.6,20.08L17.37,18.93L17.13,22.28L14.6,20.08M18.93,17.38L20.08,14.61L22.28,17.15L18.93,17.38M20.08,12.42L18.94,9.64L22.28,9.88L20.08,12.42M9.63,18.93L12.4,20.08L9.87,22.27L9.63,18.93Z"},null,-1)])])}const pn=u(fn,[["render",hn]]),In={props:{instance:{type:Object,required:!0}},emits:["change"],methods:{getLabel(t){return t==="auto"?this.$translate("automatic",this.instance):t==="light"?this.$translate("light [adjective]",this.instance):this.$translate("dark",this.instance)}}},Ln=["aria-label"],$n=["aria-label","aria-pressed","title","onClick"];function bn(t,e,n,c,l,r){const d=pn,h=mn,_=cn;return o(),s("ul",{"aria-label":t.$translate("Color mode",n.instance),role:"toolbar"},[(o(),s(y,null,C(["auto","light","dark"],g=>a("li",{key:g},[a("button",{type:"button","aria-label":r.getLabel(g),"aria-pressed":n.instance.colorMode===g,title:r.getLabel(g),onClick:$=>t.$emit("change",g)},[g==="auto"?(o(),L(d,{key:0})):g==="light"?(o(),L(h,{key:1})):(o(),L(_,{key:2}))],8,$n)])),64))],8,Ln)}const vn=u(In,[["render",bn],["__scopeId","data-v-dac217c3"]]),yn={},Cn={class:"tify-icon -github","aria-hidden":"true",viewBox:"0 0 24 24"};function kn(t,e){return o(),s("svg",Cn,[...e[0]||(e[0]=[a("path",{d:"M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z"},null,-1)])])}const jn=u(yn,[["render",kn]]);var Sn={blobBaseUrl:"https://github.com/tify-iiif-viewer/tify/blob/v0.35.0",bugsUrl:"https://github.com/tify-iiif-viewer/tify/issues",license:"AGPL-3.0",repositoryUrl:"https://github.com/tify-iiif-viewer/tify",version:"0.35.0"};const Fn={computed:{env:()=>Sn}},wn=["href"];function Mn(t,e,n,c,l,r){const d=jn;return o(),s("footer",null,[a("a",{href:r.env.repositoryUrl,"aria-label":"TIFY @ GitHub"},[f(d),e[0]||(e[0]=k(" TIFY ",-1))],8,wn)])}const Un=u(Fn,[["render",Mn],["__scopeId","data-v-0f9d03c6"]]),Rn={},Tn={class:"tify-icon -arrow-right","aria-hidden":"true",viewBox:"0 0 24 24"};function An(t,e){return o(),s("svg",Tn,[...e[0]||(e[0]=[a("path",{d:"M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"},null,-1)])])}const On=u(Rn,[["render",An]]),Pn={},Vn={class:"tify-icon -backburger","aria-hidden":"true",viewBox:"0 0 24 24"};function Hn(t,e){return o(),s("svg",Vn,[...e[0]||(e[0]=[a("path",{d:"M5,13L9,17L7.6,18.42L1.18,12L7.6,5.58L9,7L5,11H21V13H5M21,6V8H11V6H21M21,16V18H11V16H21Z"},null,-1)])])}const zn=u(Pn,[["render",Hn]]),Dn={},xn={class:"tify-icon -menu","aria-hidden":"true",viewBox:"0 0 24 24"};function Bn(t,e){return o(),s("svg",xn,[...e[0]||(e[0]=[a("path",{d:"M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z"},null,-1)])])}const Nn=u(Dn,[["render",Bn]]),En={props:{instance:{type:Object,required:!0},isInstanceRemovable:{type:Boolean,default:!0}},emits:["loadManifest","removeInstance","toggleSidebar","updateManifestUrl"]},Kn=["aria-label","aria-controls","aria-expanded"],qn=["id","aria-label","placeholder","value"],Zn=["aria-label"],Gn=["aria-label"];function Yn(t,e,n,c,l,r){var $;const d=Nn,h=zn,_=On,g=It;return o(),s("header",{class:S({"-narrow":!n.instance.tify})},[n.instance.tify?(o(),s("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(),L(h,{key:1})):(o(),L(d,{key:0}))],8,Kn)):j("",!0),a("form",{onSubmit:e[4]||(e[4]=R(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,qn),ht(a("button",{type:"submit",class:"submit","aria-label":t.$translate("Load",n.instance)},[f(_)],8,Zn),[[pt,n.instance.manifestUrl&&n.instance.manifestUrl!==(($=n.instance.tify)==null?void 0:$.options.manifestUrl)]]),n.isInstanceRemovable?(o(),s("button",{key:0,type:"button",class:"remove","aria-label":t.$translate("Remove instance",n.instance),onClick:e[3]||(e[3]=p=>t.$emit("removeInstance"))},[f(g)],8,Gn)):j("",!0)],32)],2)}const Wn=u(En,[["render",Yn],["__scopeId","data-v-ffa4b5f2"]]),Jn={},Qn={class:"tify-icon -earth","aria-hidden":"true",viewBox:"0 0 24 24"};function Xn(t,e){return o(),s("svg",Qn,[...e[0]||(e[0]=[a("path",{d:"M17.9,17.39C17.64,16.59 16.89,16 16,16H15V13A1,1 0 0,0 14,12H8V10H10A1,1 0 0,0 11,9V7H13A2,2 0 0,0 15,5V4.59C17.93,5.77 20,8.64 20,12C20,14.08 19.2,15.97 17.9,17.39M11,19.93C7.05,19.44 4,16.08 4,12C4,11.38 4.08,10.78 4.21,10.21L9,15V16A2,2 0 0,0 11,18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"},null,-1)])])}const ea=u(Jn,[["render",Xn]]),ta={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))}}},na={class:"code"},aa={class:"tify-button-list"},oa=["onClick"];function ia(t,e,n,c,l,r){const d=ea,h=Lt;return o(),L(h,{label:t.$translate("Language",n.instance)},{button:U(()=>[f(d),a("span",na,b(n.instance.language),1)]),default:U(()=>[a("ol",aa,[(o(!0),s(y,null,C(r.languages,_=>(o(),s("li",{key:_.code},[a("a",{href:"javascript:;",class:S({current:n.instance.language===_.code}),onClick:g=>t.$emit("change",_.code)},b(_.name),11,oa)]))),128))])]),_:1},8,["label"])}const sa=u(ta,[["render",ia],["__scopeId","data-v-a0d0b43e"]]);function la(t){return t.replace(/^https?:\/\//,"").replace(/[\\/:*?"<>|]/g,"-")}const ra=[{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"}],ca={props:{instance:{type:Object,required:!0}},emits:["load"],data(){return{manifests:ra}},methods:{filenamifyUrl:la}},da=["href","onClick"],ua=["src"],ga={class:"title"},ma={class:"title-text"},fa={key:0};function _a(t,e,n,c,l,r){return o(),s("ul",null,[(o(!0),s(y,null,C(l.manifests,d=>(o(),s("li",{key:d.url},[a("a",{href:`?manifest=${d.url}`,onClick:R(h=>t.$emit("load",d.url),["prevent"])},[a("img",{width:"240",alt:"",height:"240",loading:"lazy",src:`thumbnails/${r.filenamifyUrl(d.url)}.avif`},null,8,ua),a("span",ga,[a("span",ma,[d.type==="collection"?(o(),s("b",fa,[k(b(t.$translate("Collection",n.instance))+" ",1),e[0]||(e[0]=a("br",null,null,-1))])):j("",!0),k(" "+b(d.title),1)])])],8,da)]))),128))])}const ha=u(ca,[["render",_a],["__scopeId","data-v-1eab2980"]]),pa={},Ia={width:"592",height:"240",viewBox:"0 0 592 240",xmlns:"http://www.w3.org/2000/svg"};function La(t,e){return o(),s("svg",Ia,[...e[0]||(e[0]=[$t('<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 $a=u(pa,[["render",La],["__scopeId","data-v-b679d04e"]]),ba={components:{ColorModeSwitcher:vn,DemoFooter:Un,DemoHeader:Wn,LanguageSwitcher:sa,SampleManifests:ha,TifyLogo:$a},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=bt(new v({...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)}}},va={class:"app"},ya={class:"main"},Ca=["id","hidden"],ka={class:"sidebar-header"},ja={class:"logo"},Sa={href:"."},Fa=["aria-label","title"],wa={class:"tify-sr-only"},Ma=["id"];function Ua(t,e,n,c,l,r){const d=I("DemoHeader"),h=I("TifyLogo"),_=I("ColorModeSwitcher"),g=I("LanguageSwitcher"),$=on,p=I("SampleManifests"),_t=I("DemoFooter");return o(),s("main",va,[(o(!0),s(y,null,C(l.instances,i=>(o(),s("section",{key:i.id,class:"instance",style:vt(`color-scheme: ${i.colorMode==="auto"?"light dark":i.colorMode}`)},[f(d,{instance:i,isInstanceRemovable:!!i.tify||l.instances.length>1,onLoadManifest:m=>i.initTify(),onRemoveInstance:m=>r.removeInstance(i),onUpdateManifestUrl:m=>i.manifestUrl=m,onToggleSidebar:m=>i.sidebarOpen=!i.sidebarOpen},null,8,["instance","isInstanceRemovable","onLoadManifest","onRemoveInstance","onUpdateManifestUrl","onToggleSidebar"]),a("div",ya,[a("div",{id:`sidebar${i.id}`,class:"sidebar",hidden:!i.sidebarOpen&&i.tify},[a("div",ka,[a("h1",ja,[a("a",Sa,[f(h)])]),a("div",{class:S(["sidebar-controls",{"-gap":!i.tify}])},[f(_,{instance:i,onChange:m=>{var M;i.colorMode=m,(M=i.tify)==null||M.updateOptions({colorMode:m})}},null,8,["instance","onChange"]),f(g,{instance:i,onChange:m=>i.setLanguage(m)},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]=m=>r.addInstance())},[f($)],8,Fa)])])],2)]),a("h2",wa,b(t.$translate("Sample IIIF manifests",i)),1),f(p,{instance:i,onLoad:m=>i.initTify(m)},null,8,["instance","onLoad"]),f(_t)],8,Ca),a("div",{id:`container${i.id}`,class:"container"},null,8,Ma)])],4))),128))])}const Ra=u(ba,[["render",Ua],["__scopeId","data-v-6afcb07a"]]),F=yt({render:()=>Ct(Ra)}),w={en:{$language:"English"}},Ta=Object.assign({"./translations/bg.json":jt,"./translations/de.json":Ft,"./translations/eo.json":Mt,"./translations/fi.json":Rt,"./translations/fr.json":At,"./translations/hr.json":Pt,"./translations/it.json":Ht,"./translations/ja.json":Dt,"./translations/nl.json":Bt,"./translations/pl.json":Et,"./translations/se.json":qt,"./translations/sq.json":Gt,"./translations/sv.json":Wt,"./translations/tr.json":Qt,"./translations/zh.json":en});Object.entries(Ta).forEach(([t,e])=>{w[t.split("/").at(-1).split(".")[0]]=e.default});F.config.globalProperties.$translate=(t,e)=>{var n;return((n=w[e.language])==null?void 0:n[t])||t.replace(/\s+\[.+?\]/g,"")};F.config.globalProperties.$translations=w;F.mount("#demo");