triiiceratops 0.5.0 → 0.6.0

package/dist/plugin-COh2S4OT.js

@@ -0,0 +1,236 @@
+var l = Object.defineProperty;
+var c = (n, e, t) => e in n ? l(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var s = (n, e, t) => c(n, typeof e != "symbol" ? e + "" : e, t);
+import * as o from "svelte/internal/client";
+const i = "en";
+let a = () => i;
+const g = /* @__NO_SIDE_EFFECTS__ */ () => "Hello World", u = /* @__NO_SIDE_EFFECTS__ */ () => "Search", _ = /* @__NO_SIDE_EFFECTS__ */ () => "Close Search", d = /* @__NO_SIDE_EFFECTS__ */ () => "Search content...", m = /* @__NO_SIDE_EFFECTS__ */ (n) => `No results found for "${n.query}"`, h = /* @__NO_SIDE_EFFECTS__ */ () => "Enter a search term to find occurrences within this manifest.", $ = /* @__NO_SIDE_EFFECTS__ */ (n) => `${n.count} Results`, p = /* @__NO_SIDE_EFFECTS__ */ () => "Manifest Metadata", v = /* @__NO_SIDE_EFFECTS__ */ () => "Loading...", T = /* @__NO_SIDE_EFFECTS__ */ () => "Attribution", f = /* @__NO_SIDE_EFFECTS__ */ () => "License", b = /* @__NO_SIDE_EFFECTS__ */ () => "Close", w = /* @__NO_SIDE_EFFECTS__ */ () => "Menu", x = /* @__NO_SIDE_EFFECTS__ */ () => "Search", S = /* @__NO_SIDE_EFFECTS__ */ () => "Toggle Search", A = /* @__NO_SIDE_EFFECTS__ */ () => "Hide Gallery", y = /* @__NO_SIDE_EFFECTS__ */ () => "Show Gallery", I = /* @__NO_SIDE_EFFECTS__ */ () => "Exit Full Screen", M = /* @__NO_SIDE_EFFECTS__ */ () => "Enter Full Screen", E = /* @__NO_SIDE_EFFECTS__ */ () => "Hide Annotations", C = /* @__NO_SIDE_EFFECTS__ */ () => "Show Annotations", L = /* @__NO_SIDE_EFFECTS__ */ () => "Toggle Annotations", P = /* @__NO_SIDE_EFFECTS__ */ () => "Metadata", B = /* @__NO_SIDE_EFFECTS__ */ () => "Toggle Metadata", F = /* @__NO_SIDE_EFFECTS__ */ () => "Hide All Annotations", G = /* @__NO_SIDE_EFFECTS__ */ () => "Show All Annotations", H = /* @__NO_SIDE_EFFECTS__ */ (n) => `${n.count} Annotations`, V = /* @__NO_SIDE_EFFECTS__ */ (n) => `(${n.count} visible)`, j = /* @__NO_SIDE_EFFECTS__ */ () => "(No content)", k = /* @__NO_SIDE_EFFECTS__ */ () => "No annotations available.", z = /* @__NO_SIDE_EFFECTS__ */ () => "Previous Canvas", N = /* @__NO_SIDE_EFFECTS__ */ () => "Next Canvas", R = /* @__NO_SIDE_EFFECTS__ */ () => "Docs", D = /* @__NO_SIDE_EFFECTS__ */ () => "IIIF Manifest:", K = /* @__NO_SIDE_EFFECTS__ */ () => "Enter IIIF manifest URL", O = /* @__NO_SIDE_EFFECTS__ */ () => "Load", q = /* @__NO_SIDE_EFFECTS__ */ () => "GitHub", U = /* @__NO_SIDE_EFFECTS__ */ () => "Core", W = /* @__NO_SIDE_EFFECTS__ */ () => "Full", Q = /* @__NO_SIDE_EFFECTS__ */ () => "Custom Theme", J = /* @__NO_SIDE_EFFECTS__ */ () => "Example without plugins", X = /* @__NO_SIDE_EFFECTS__ */ () => "Example with plugins", Y = /* @__NO_SIDE_EFFECTS__ */ () => "Example with custom theme override", Z = /* @__NO_SIDE_EFFECTS__ */ () => "Plugins", ee = /* @__NO_SIDE_EFFECTS__ */ () => "External Controls:", ne = /* @__NO_SIDE_EFFECTS__ */ () => "Active Canvas", ae = /* @__NO_SIDE_EFFECTS__ */ () => "Image Adjustments", te = /* @__NO_SIDE_EFFECTS__ */ () => "Hallo Welt", oe = /* @__NO_SIDE_EFFECTS__ */ () => "Suche", se = /* @__NO_SIDE_EFFECTS__ */ () => "Suche schließen", re = /* @__NO_SIDE_EFFECTS__ */ () => "Inhalt durchsuchen...", le = /* @__NO_SIDE_EFFECTS__ */ (n) => `Keine Ergebnisse für "${n.query}" gefunden`, ce = /* @__NO_SIDE_EFFECTS__ */ () => "Geben Sie einen Suchbegriff ein, um Vorkommen in diesem Manifest zu finden.", ie = /* @__NO_SIDE_EFFECTS__ */ (n) => `${n.count} Ergebnisse`, ge = /* @__NO_SIDE_EFFECTS__ */ () => "Manifest-Metadaten", ue = /* @__NO_SIDE_EFFECTS__ */ () => "Lädt...", _e = /* @__NO_SIDE_EFFECTS__ */ () => "Quellenangabe", de = /* @__NO_SIDE_EFFECTS__ */ () => "Lizenz", me = /* @__NO_SIDE_EFFECTS__ */ () => "Schließen", he = /* @__NO_SIDE_EFFECTS__ */ () => "Menü", $e = /* @__NO_SIDE_EFFECTS__ */ () => "Suche", pe = /* @__NO_SIDE_EFFECTS__ */ () => "Suche umschalten", ve = /* @__NO_SIDE_EFFECTS__ */ () => "Galerie ausblenden", Te = /* @__NO_SIDE_EFFECTS__ */ () => "Galerie einblenden", fe = /* @__NO_SIDE_EFFECTS__ */ () => "Vollbildmodus beenden", be = /* @__NO_SIDE_EFFECTS__ */ () => "Vollbildmodus", we = /* @__NO_SIDE_EFFECTS__ */ () => "Annotationen ausblenden", xe = /* @__NO_SIDE_EFFECTS__ */ () => "Annotationen einblenden", Se = /* @__NO_SIDE_EFFECTS__ */ () => "Annotationen umschalten", Ae = /* @__NO_SIDE_EFFECTS__ */ () => "Metadaten", ye = /* @__NO_SIDE_EFFECTS__ */ () => "Metadaten umschalten", Ie = /* @__NO_SIDE_EFFECTS__ */ () => "Alle Annotationen ausblenden", Me = /* @__NO_SIDE_EFFECTS__ */ () => "Alle Annotationen einblenden", Ee = /* @__NO_SIDE_EFFECTS__ */ (n) => `${n.count} Annotationen`, Ce = /* @__NO_SIDE_EFFECTS__ */ (n) => `(${n.count} sichtbar)`, Le = /* @__NO_SIDE_EFFECTS__ */ () => "(Kein Inhalt)", Pe = /* @__NO_SIDE_EFFECTS__ */ () => "Keine Annotationen verfügbar.", Be = /* @__NO_SIDE_EFFECTS__ */ () => "Vorheriges Canvas", Fe = /* @__NO_SIDE_EFFECTS__ */ () => "Nächstes Canvas", Ge = /* @__NO_SIDE_EFFECTS__ */ () => "Doku", He = /* @__NO_SIDE_EFFECTS__ */ () => "IIIF-Manifest:", Ve = /* @__NO_SIDE_EFFECTS__ */ () => "IIIF-Manifest-URL eingeben", je = /* @__NO_SIDE_EFFECTS__ */ () => "Laden", ke = /* @__NO_SIDE_EFFECTS__ */ () => "GitHub", ze = /* @__NO_SIDE_EFFECTS__ */ () => "Basis", Ne = /* @__NO_SIDE_EFFECTS__ */ () => "Vollständig", Re = /* @__NO_SIDE_EFFECTS__ */ () => "Benutzerdefiniertes Thema", De = /* @__NO_SIDE_EFFECTS__ */ () => "Beispiel ohne Plugins", Ke = /* @__NO_SIDE_EFFECTS__ */ () => "Beispiel mit Plugins", Oe = /* @__NO_SIDE_EFFECTS__ */ () => "Beispiel mit benutzerdefiniertem Thema", qe = /* @__NO_SIDE_EFFECTS__ */ () => "Plugins", Ue = /* @__NO_SIDE_EFFECTS__ */ () => "Externe Steuerelemente:", We = /* @__NO_SIDE_EFFECTS__ */ () => "Aktives Canvas", Qe = /* @__NO_SIDE_EFFECTS__ */ () => "Bildanpassungen", Je = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: te,
+  en: g
+})[e.languageTag ?? a()](), Xe = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: oe,
+  en: u
+})[e.languageTag ?? a()](), Ye = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: se,
+  en: _
+})[e.languageTag ?? a()](), Ze = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: re,
+  en: d
+})[e.languageTag ?? a()](), en = /* @__NO_SIDE_EFFECTS__ */ (n, e = {}) => ({
+  de: le,
+  en: m
+})[e.languageTag ?? a()](n), nn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: ce,
+  en: h
+})[e.languageTag ?? a()](), an = /* @__NO_SIDE_EFFECTS__ */ (n, e = {}) => ({
+  de: ie,
+  en: $
+})[e.languageTag ?? a()](n), tn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: ge,
+  en: p
+})[e.languageTag ?? a()](), on = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: ue,
+  en: v
+})[e.languageTag ?? a()](), sn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: _e,
+  en: T
+})[e.languageTag ?? a()](), rn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de,
+  en: f
+})[e.languageTag ?? a()](), ln = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: me,
+  en: b
+})[e.languageTag ?? a()](), cn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: he,
+  en: w
+})[e.languageTag ?? a()](), gn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: $e,
+  en: x
+})[e.languageTag ?? a()](), un = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: pe,
+  en: S
+})[e.languageTag ?? a()](), _n = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: ve,
+  en: A
+})[e.languageTag ?? a()](), dn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: Te,
+  en: y
+})[e.languageTag ?? a()](), mn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: fe,
+  en: I
+})[e.languageTag ?? a()](), hn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: be,
+  en: M
+})[e.languageTag ?? a()](), $n = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: we,
+  en: E
+})[e.languageTag ?? a()](), pn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: xe,
+  en: C
+})[e.languageTag ?? a()](), vn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: Se,
+  en: L
+})[e.languageTag ?? a()](), Tn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: Ae,
+  en: P
+})[e.languageTag ?? a()](), fn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: ye,
+  en: B
+})[e.languageTag ?? a()](), bn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: Ie,
+  en: F
+})[e.languageTag ?? a()](), wn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: Me,
+  en: G
+})[e.languageTag ?? a()](), xn = /* @__NO_SIDE_EFFECTS__ */ (n, e = {}) => ({
+  de: Ee,
+  en: H
+})[e.languageTag ?? a()](n), Sn = /* @__NO_SIDE_EFFECTS__ */ (n, e = {}) => ({
+  de: Ce,
+  en: V
+})[e.languageTag ?? a()](n), An = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: Le,
+  en: j
+})[e.languageTag ?? a()](), yn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: Pe,
+  en: k
+})[e.languageTag ?? a()](), In = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: Be,
+  en: z
+})[e.languageTag ?? a()](), Mn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: Fe,
+  en: N
+})[e.languageTag ?? a()](), En = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: Ge,
+  en: R
+})[e.languageTag ?? a()](), Cn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: He,
+  en: D
+})[e.languageTag ?? a()](), Ln = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: Ve,
+  en: K
+})[e.languageTag ?? a()](), Pn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: je,
+  en: O
+})[e.languageTag ?? a()](), Bn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: ke,
+  en: q
+})[e.languageTag ?? a()](), Fn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: ze,
+  en: U
+})[e.languageTag ?? a()](), Gn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: Ne,
+  en: W
+})[e.languageTag ?? a()](), Hn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: Re,
+  en: Q
+})[e.languageTag ?? a()](), Vn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: De,
+  en: J
+})[e.languageTag ?? a()](), jn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: Ke,
+  en: X
+})[e.languageTag ?? a()](), kn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: Oe,
+  en: Y
+})[e.languageTag ?? a()](), zn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: qe,
+  en: Z
+})[e.languageTag ?? a()](), Nn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: Ue,
+  en: ee
+})[e.languageTag ?? a()](), Rn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: We,
+  en: ne
+})[e.languageTag ?? a()](), Dn = /* @__NO_SIDE_EFFECTS__ */ (n = {}, e = {}) => ({
+  de: Qe,
+  en: ae
+})[e.languageTag ?? a()](), Kn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  annotations_count: xn,
+  attribution: sn,
+  close: ln,
+  demo_header_active_canvas: Rn,
+  demo_header_external_controls: Nn,
+  docs: En,
+  enter_full_screen: hn,
+  exit_full_screen: mn,
+  github: Bn,
+  hello_world: Je,
+  hide_all_annotations: bn,
+  hide_annotations: $n,
+  hide_gallery: _n,
+  iiif_manifest_label: Cn,
+  image_adjustments: Dn,
+  license: rn,
+  load: Pn,
+  loading: on,
+  manifest_placeholder: Ln,
+  menu: cn,
+  metadata: Tn,
+  metadata_label_fallback: tn,
+  next_canvas: Mn,
+  no_annotations_available: yn,
+  no_content: An,
+  plugins_tooltip: zn,
+  previous_canvas: In,
+  search: gn,
+  search_panel_close: Ye,
+  search_panel_instruction: nn,
+  search_panel_no_results: en,
+  search_panel_placeholder: Ze,
+  search_panel_results_count: an,
+  search_panel_title: Xe,
+  show_all_annotations: wn,
+  show_annotations: pn,
+  show_gallery: dn,
+  toggle_annotations: vn,
+  toggle_metadata: fn,
+  toggle_search: un,
+  viewer_variant_core: Fn,
+  viewer_variant_custom_theme: Hn,
+  viewer_variant_full: Gn,
+  viewer_variant_tooltip_core: Vn,
+  viewer_variant_tooltip_custom_theme: kn,
+  viewer_variant_tooltip_full: jn,
+  visible_count: Sn
+}, Symbol.toStringTag, { value: "Module" }));
+let r = o.state(o.proxy(a()));
+const qn = {
+  get current() {
+    return o.get(r);
+  }
+}, Un = new Proxy(Kn, {
+  get(n, e, t) {
+    return o.get(r), Reflect.get(n, e, t);
+  }
+});
+class Wn {
+  constructor() {
+    s(this, "context", null);
+  }
+  onRegister(e) {
+    this.context = e;
+  }
+  onDestroy() {
+    this.context = null;
+  }
+  /** Convenience getter for ViewerState */
+  get viewerState() {
+    if (!this.context)
+      throw new Error(
+        `Plugin ${this.id} accessed viewerState before registration`
+      );
+    return this.context.viewerState;
+  }
+  /** Convenience getter for OSD viewer */
+  get osdViewer() {
+    var e;
+    return ((e = this.context) == null ? void 0 : e.getOSDViewer()) ?? null;
+  }
+}
+export {
+  Wn as B,
+  qn as l,
+  Un as m
+};

package/dist/plugins/image-manipulation.js

@@ -3,22 +3,24 @@ var L = (a) => {
   throw TypeError(a);
 };
 var Y = (a, s, t) => s in a ? W(a, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[s] = t;
-var o = (a, s, t) => Y(a, typeof s != "symbol" ? s + "" : s, t), Z = (a, s, t) => s.has(a) || L("Cannot " + t);
-var c = (a, s, t) => (Z(a, s, "read from private field"), t ? t.call(a) : s.get(a)), A = (a, s, t) => s.has(a) ? L("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, t);
+var c = (a, s, t) => Y(a, typeof s != "symbol" ? s + "" : s, t), Z = (a, s, t) => s.has(a) || L("Cannot " + t);
+var d = (a, s, t) => (Z(a, s, "read from private field"), t ? t.call(a) : s.get(a)), j = (a, s, t) => s.has(a) ? L("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(a) : s.set(a, t);
 import * as e from "svelte/internal/client";
 import ee from "phosphor-svelte/lib/Sliders";
-import { B as te } from "../plugin-DqOSV8lm.js";
+import { B as te, m as se } from "../plugin-COh2S4OT.js";
 import "svelte/internal/disclose-version";
-import se from "phosphor-svelte/lib/X";
-import ae from "phosphor-svelte/lib/ArrowCounterClockwise";
-function j(a, s) {
-  const t = a.drawer.canvas;
+import ae from "phosphor-svelte/lib/X";
+import ie from "phosphor-svelte/lib/ArrowCounterClockwise";
+function A(a, s) {
+  var l;
+  const t = (l = a.drawer) == null ? void 0 : l.canvas;
   if (!t) return;
   const r = [];
   s.brightness !== 100 && r.push(`brightness(${s.brightness / 100})`), s.contrast !== 100 && r.push(`contrast(${s.contrast / 100})`), s.saturation !== 100 && r.push(`saturate(${s.saturation / 100})`), s.invert && r.push("invert(1)"), s.grayscale && r.push("grayscale(1)"), t.style.filter = r.length > 0 ? r.join(" ") : "none";
 }
 function V(a) {
-  const s = a.drawer.canvas;
+  var t;
+  const s = (t = a.drawer) == null ? void 0 : t.canvas;
   s && (s.style.filter = "none");
 }
 function G(a) {
@@ -31,11 +33,11 @@ const H = {
   invert: !1,
   grayscale: !1
 };
-var ie = e.from_html('<div class="w-72 h-full bg-base-200 border-l border-base-300 shadow-xl flex flex-col"><div class="flex items-center justify-between p-4 border-b border-base-300"><h2 class="text-lg font-semibold">Image Adjustments</h2> <button class="btn btn-sm btn-ghost btn-circle" aria-label="Close panel"><!></button></div> <div class="flex-1 overflow-y-auto p-4 space-y-6"><div class="form-control"><label class="label" for="brightness-slider"><span class="label-text">Brightness</span> <span class="label-text-alt"> </span></label> <input id="brightness-slider" type="range" min="0" max="200" class="range range-sm range-primary"/></div> <div class="form-control"><label class="label" for="contrast-slider"><span class="label-text">Contrast</span> <span class="label-text-alt"> </span></label> <input id="contrast-slider" type="range" min="0" max="200" class="range range-sm range-secondary"/></div> <div class="form-control"><label class="label" for="saturation-slider"><span class="label-text">Saturation</span> <span class="label-text-alt"> </span></label> <input id="saturation-slider" type="range" min="0" max="200" class="range range-sm range-accent"/></div> <div class="divider">Effects</div> <div class="form-control"><label class="label cursor-pointer"><span class="label-text">Invert Colors</span> <input type="checkbox" class="toggle toggle-primary"/></label></div> <div class="form-control"><label class="label cursor-pointer"><span class="label-text">Grayscale</span> <input type="checkbox" class="toggle toggle-secondary"/></label></div></div> <div class="p-4 border-t border-base-300"><button class="btn btn-outline btn-block"><!> Reset to Default</button></div></div>');
+var re = e.from_html('<div class="w-72 h-full bg-base-200 border-l border-base-300 shadow-xl flex flex-col"><div class="flex items-center justify-between p-4 border-b border-base-300"><h2 class="text-lg font-semibold">Image Adjustments</h2> <button class="btn btn-sm btn-ghost btn-circle" aria-label="Close panel"><!></button></div> <div class="flex-1 overflow-y-auto p-4 space-y-6"><div class="form-control"><label class="label" for="brightness-slider"><span class="label-text">Brightness</span> <span class="label-text-alt"> </span></label> <input id="brightness-slider" type="range" min="0" max="200" class="range range-sm range-primary"/></div> <div class="form-control"><label class="label" for="contrast-slider"><span class="label-text">Contrast</span> <span class="label-text-alt"> </span></label> <input id="contrast-slider" type="range" min="0" max="200" class="range range-sm range-secondary"/></div> <div class="form-control"><label class="label" for="saturation-slider"><span class="label-text">Saturation</span> <span class="label-text-alt"> </span></label> <input id="saturation-slider" type="range" min="0" max="200" class="range range-sm range-accent"/></div> <div class="divider">Effects</div> <div class="form-control"><label class="label cursor-pointer"><span class="label-text">Invert Colors</span> <input type="checkbox" class="toggle toggle-primary"/></label></div> <div class="form-control"><label class="label cursor-pointer"><span class="label-text">Grayscale</span> <input type="checkbox" class="toggle toggle-secondary"/></label></div></div> <div class="p-4 border-t border-base-300"><button class="btn btn-outline btn-block"><!> Reset to Default</button></div></div>');
 function U(a, s) {
   e.push(s, !0);
-  let t = e.prop(s, "filters", 7), r = e.prop(s, "onFilterChange", 7), p = e.prop(s, "onReset", 7), g = e.prop(s, "onClose", 7);
-  function l(i, n) {
+  let t = e.prop(s, "filters", 7), r = e.prop(s, "onFilterChange", 7), l = e.prop(s, "onReset", 7), g = e.prop(s, "onClose", 7);
+  function o(i, n) {
     r()({ ...t(), [i]: n });
   }
   var X = {
@@ -52,10 +54,10 @@ function U(a, s) {
       r(i), e.flush();
     },
     get onReset() {
-      return p();
+      return l();
     },
     set onReset(i) {
-      p(i), e.flush();
+      l(i), e.flush();
     },
     get onClose() {
       return g();
@@ -63,74 +65,76 @@ function U(a, s) {
     set onClose(i) {
       g(i), e.flush();
     }
-  }, h = ie(), b = e.child(h), v = e.sibling(e.child(b), 2);
+  }, h = re(), b = e.child(h), v = e.sibling(e.child(b), 2);
   v.__click = function(...i) {
     var n;
     (n = g()) == null || n.apply(this, i);
   };
   var q = e.child(v);
-  se(q, { size: 20 }), e.reset(v), e.reset(b);
+  ae(q, { size: 20 }), e.reset(v), e.reset(b);
   var _ = e.sibling(b, 2), f = e.child(_), m = e.child(f), B = e.sibling(e.child(m), 2), J = e.child(B);
   e.reset(B), e.reset(m);
   var y = e.sibling(m, 2);
-  e.remove_input_defaults(y), y.__input = (i) => l("brightness", +i.currentTarget.value), e.reset(f);
+  e.remove_input_defaults(y), y.__input = (i) => o("brightness", +i.currentTarget.value), e.reset(f);
   var x = e.sibling(f, 2), C = e.child(x), D = e.sibling(e.child(C), 2), K = e.child(D);
   e.reset(D), e.reset(C);
   var F = e.sibling(C, 2);
-  e.remove_input_defaults(F), F.__input = (i) => l("contrast", +i.currentTarget.value), e.reset(x);
+  e.remove_input_defaults(F), F.__input = (i) => o("contrast", +i.currentTarget.value), e.reset(x);
   var k = e.sibling(x, 2), R = e.child(k), M = e.sibling(e.child(R), 2), N = e.child(M);
   e.reset(M), e.reset(R);
   var w = e.sibling(R, 2);
-  e.remove_input_defaults(w), w.__input = (i) => l("saturation", +i.currentTarget.value), e.reset(k);
-  var O = e.sibling(k, 4), E = e.child(O), I = e.sibling(e.child(E), 2);
-  e.remove_input_defaults(I), I.__change = (i) => l("invert", i.currentTarget.checked), e.reset(E), e.reset(O);
-  var S = e.sibling(O, 2), $ = e.child(S), P = e.sibling(e.child($), 2);
-  e.remove_input_defaults(P), P.__change = (i) => l("grayscale", i.currentTarget.checked), e.reset($), e.reset(S), e.reset(_);
-  var z = e.sibling(_, 2), T = e.child(z);
-  T.__click = function(...i) {
+  e.remove_input_defaults(w), w.__input = (i) => o("saturation", +i.currentTarget.value), e.reset(k);
+  var O = e.sibling(k, 4), E = e.child(O), P = e.sibling(e.child(E), 2);
+  e.remove_input_defaults(P), P.__change = (i) => o("invert", i.currentTarget.checked), e.reset(E), e.reset(O);
+  var S = e.sibling(O, 2), $ = e.child(S), T = e.sibling(e.child($), 2);
+  e.remove_input_defaults(T), T.__change = (i) => o("grayscale", i.currentTarget.checked), e.reset($), e.reset(S), e.reset(_);
+  var z = e.sibling(_, 2), I = e.child(z);
+  I.__click = function(...i) {
     var n;
-    (n = p()) == null || n.apply(this, i);
+    (n = l()) == null || n.apply(this, i);
   };
-  var Q = e.child(T);
-  return ae(Q, { size: 20 }), e.next(), e.reset(T), e.reset(z), e.reset(h), e.template_effect(() => {
-    e.set_text(J, `${t().brightness ?? ""}%`), e.set_value(y, t().brightness), e.set_text(K, `${t().contrast ?? ""}%`), e.set_value(F, t().contrast), e.set_text(N, `${t().saturation ?? ""}%`), e.set_value(w, t().saturation), e.set_checked(I, t().invert), e.set_checked(P, t().grayscale);
+  var Q = e.child(I);
+  return ie(Q, { size: 20 }), e.next(), e.reset(I), e.reset(z), e.reset(h), e.template_effect(() => {
+    e.set_text(J, `${t().brightness ?? ""}%`), e.set_value(y, t().brightness), e.set_text(K, `${t().contrast ?? ""}%`), e.set_value(F, t().contrast), e.set_text(N, `${t().saturation ?? ""}%`), e.set_value(w, t().saturation), e.set_checked(P, t().invert), e.set_checked(T, t().grayscale);
   }), e.append(a, h), e.pop(X);
 }
 e.delegate(["click", "input", "change"]);
 e.create_custom_element(U, { filters: {}, onFilterChange: {}, onReset: {}, onClose: {} }, [], [], !0);
-var d, u;
-class ue extends te {
+var u, p;
+class pe extends te {
   constructor() {
     super(...arguments);
-    o(this, "id", "image-manipulation");
-    o(this, "name", "Image Manipulation");
-    o(this, "version", "1.0.0");
-    A(
+    c(this, "id", "image-manipulation");
+    c(this, "name", "Image Manipulation");
+    c(this, "version", "1.0.0");
+    j(
       this,
-      d,
+      u,
       // Reactive state using Svelte 5 runes
       e.state(!1)
     );
-    A(this, u, e.state(e.proxy({ ...H })));
-    o(this, "osd", null);
+    j(this, p, e.state(e.proxy({ ...H })));
+    c(this, "osd", null);
   }
   get _panelOpen() {
-    return e.get(c(this, d));
+    return e.get(d(this, u));
   }
   set _panelOpen(t) {
-    e.set(c(this, d), t, !0);
+    e.set(d(this, u), t, !0);
   }
   get _filters() {
-    return e.get(c(this, u));
+    return e.get(d(this, p));
   }
   set _filters(t) {
-    e.set(c(this, u), t, !0);
+    e.set(d(this, p), t, !0);
   }
   onRegister(t) {
     super.onRegister(t), t.registerMenuButton({
       id: `${this.id}:toggle`,
       icon: ee,
-      tooltip: "Image Adjustments",
+      get tooltip() {
+        return se.image_adjustments();
+      },
       onClick: () => this.togglePanel(),
       isActive: () => this._panelOpen,
       activeClass: "btn-secondary",
@@ -149,8 +153,8 @@ class ue extends te {
     });
   }
   onViewerReady(t) {
-    this.osd = t, G(this._filters) && j(t, this._filters), this.osd.addHandler("open", () => {
-      this.osd && G(this._filters) && j(this.osd, this._filters);
+    this.osd = t, G(this._filters) && A(t, this._filters), this.osd.addHandler("open", () => {
+      this.osd && G(this._filters) && A(this.osd, this._filters);
     });
   }
   onDestroy() {
@@ -161,7 +165,7 @@ class ue extends te {
     this._panelOpen = !this._panelOpen;
   }
   setFilters(t) {
-    this._filters.brightness = t.brightness, this._filters.contrast = t.contrast, this._filters.saturation = t.saturation, this._filters.invert = t.invert, this._filters.grayscale = t.grayscale, this.osd && j(this.osd, t);
+    this._filters.brightness = t.brightness, this._filters.contrast = t.contrast, this._filters.saturation = t.saturation, this._filters.invert = t.invert, this._filters.grayscale = t.grayscale, this.osd && A(this.osd, t);
   }
   resetFilters() {
     Object.assign(this._filters, H), this.osd && V(this.osd);
@@ -170,8 +174,8 @@ class ue extends te {
     return { ...this._filters };
   }
 }
-d = new WeakMap(), u = new WeakMap();
+u = new WeakMap(), p = new WeakMap();
 export {
   H as DEFAULT_FILTERS,
-  ue as ImageManipulationPlugin
+  pe as ImageManipulationPlugin
 };

package/dist/src/lib/index.d.ts

@@ -3,3 +3,7 @@ export { ViewerState, VIEWER_STATE_KEY } from './state/viewer.svelte';
 export { ManifestsState } from './state/manifests.svelte';
 export type { TriiiceratopsPlugin, PluginContext, PluginMenuButton, PluginPanel, } from './types/plugin';
 export { BasePlugin } from './types/plugin';
+export type { ThemeConfig, DaisyUITheme } from './theme/types';
+export { DAISYUI_THEMES } from './theme/types';
+export { applyTheme, applyBuiltInTheme, applyThemeConfig, clearThemeConfig, isBuiltInTheme, parseThemeConfig, } from './theme/themeManager';
+export { hexToOklch, normalizeColor } from './theme/colorUtils';

package/dist/src/lib/paraglide/messages/de.d.ts

@@ -43,3 +43,13 @@ export function iiif_manifest_label(): string;
 export function manifest_placeholder(): string;
 export function load(): string;
 export function github(): string;
+export function viewer_variant_core(): string;
+export function viewer_variant_full(): string;
+export function viewer_variant_custom_theme(): string;
+export function viewer_variant_tooltip_core(): string;
+export function viewer_variant_tooltip_full(): string;
+export function viewer_variant_tooltip_custom_theme(): string;
+export function plugins_tooltip(): string;
+export function demo_header_external_controls(): string;
+export function demo_header_active_canvas(): string;
+export function image_adjustments(): string;

package/dist/src/lib/paraglide/messages/en.d.ts

@@ -43,3 +43,13 @@ export function iiif_manifest_label(): string;
 export function manifest_placeholder(): string;
 export function load(): string;
 export function github(): string;
+export function viewer_variant_core(): string;
+export function viewer_variant_full(): string;
+export function viewer_variant_custom_theme(): string;
+export function viewer_variant_tooltip_core(): string;
+export function viewer_variant_tooltip_full(): string;
+export function viewer_variant_tooltip_custom_theme(): string;
+export function plugins_tooltip(): string;
+export function demo_header_external_controls(): string;
+export function demo_header_active_canvas(): string;
+export function image_adjustments(): string;

package/dist/src/lib/paraglide/messages.d.ts

@@ -117,3 +117,33 @@ export function load(params?: {}, options?: {
 export function github(params?: {}, options?: {
     languageTag?: "en" | "de";
 }): string;
+export function viewer_variant_core(params?: {}, options?: {
+    languageTag?: "en" | "de";
+}): string;
+export function viewer_variant_full(params?: {}, options?: {
+    languageTag?: "en" | "de";
+}): string;
+export function viewer_variant_custom_theme(params?: {}, options?: {
+    languageTag?: "en" | "de";
+}): string;
+export function viewer_variant_tooltip_core(params?: {}, options?: {
+    languageTag?: "en" | "de";
+}): string;
+export function viewer_variant_tooltip_full(params?: {}, options?: {
+    languageTag?: "en" | "de";
+}): string;
+export function viewer_variant_tooltip_custom_theme(params?: {}, options?: {
+    languageTag?: "en" | "de";
+}): string;
+export function plugins_tooltip(params?: {}, options?: {
+    languageTag?: "en" | "de";
+}): string;
+export function demo_header_external_controls(params?: {}, options?: {
+    languageTag?: "en" | "de";
+}): string;
+export function demo_header_active_canvas(params?: {}, options?: {
+    languageTag?: "en" | "de";
+}): string;
+export function image_adjustments(params?: {}, options?: {
+    languageTag?: "en" | "de";
+}): string;

package/dist/src/lib/plugins/image-manipulation/filters.d.ts

@@ -1,6 +1,6 @@
 import { ImageFilters } from './types';
 type OSDViewer = {
-    drawer: {
+    drawer?: {
         canvas?: HTMLCanvasElement;
     };
 };

package/dist/src/lib/theme/colorUtils.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Color conversion utilities for DaisyUI theming.
+ * DaisyUI v5 uses oklch color format for all theme colors.
+ * The conversion functions were largely generated by Opus 4.5
+ */
+/**
+ * Check if a string is already in oklch format
+ */
+export declare function isOklch(value: string): boolean;
+/**
+ * Check if a string is a hex color
+ */
+export declare function isHex(value: string): boolean;
+/**
+ * Check if a string is an rgb() or rgba() color
+ */
+export declare function isRgb(value: string): boolean;
+/**
+ * Convert hex color to oklch format for DaisyUI
+ * @param hex - Color in hex format (#rgb, #rrggbb, or #rrggbbaa)
+ * @returns oklch string like "oklch(65.00% 0.2000 250.00)"
+ */
+export declare function hexToOklch(hex: string): string;
+/**
+ * Convert rgb() color to oklch format for DaisyUI
+ * @param rgb - Color in rgb(r, g, b) or rgba(r, g, b, a) format
+ * @returns oklch string like "oklch(65.00% 0.2000 250.00)"
+ */
+export declare function rgbToOklchString(rgb: string): string;
+/**
+ * Normalize color input - accepts hex, rgb(), or oklch()
+ * Converts hex and rgb to oklch format for DaisyUI compatibility.
+ * @param color - Color in any supported format
+ * @returns oklch string or original value if already oklch
+ */
+export declare function normalizeColor(color: string): string;

package/dist/src/lib/theme/index.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Theme customization for Triiiceratops viewer.
+ *
+ * This module provides utilities for customizing DaisyUI themes.
+ *
+ * @example Setting a built-in theme
+ * ```html
+ * <triiiceratops-viewer manifest-id="..." theme="dark"></triiiceratops-viewer>
+ * ```
+ *
+ * @example Custom theme configuration (web component)
+ * ```html
+ * <triiiceratops-viewer
+ *   manifest-id="..."
+ *   theme="light"
+ *   theme-config='{"primary":"#3b82f6","radiusBox":"0.5rem"}'
+ * ></triiiceratops-viewer>
+ * ```
+ *
+ * @example Custom theme configuration (JavaScript)
+ * ```javascript
+ * const viewer = document.querySelector('triiiceratops-viewer');
+ * viewer.theme = 'dark';
+ * viewer.themeConfig = {
+ *   primary: '#3b82f6',
+ *   secondary: '#8b5cf6',
+ *   radiusBox: '0.75rem',
+ *   border: '2px',
+ * };
+ * ```
+ *
+ * @example Svelte component
+ * ```svelte
+ * <script>
+ *   import { TriiiceratopsViewer } from 'triiiceratops';
+ *   import { MediaQuery } from 'svelte/reactivity';
+ *
+ *   const prefersDark = new MediaQuery('(prefers-color-scheme: dark)');
+ * </script>
+ *
+ * <TriiiceratopsViewer
+ *   manifestId="..."
+ *   theme={prefersDark.current ? 'dark' : 'light'}
+ *   themeConfig={{ primary: '#0ea5e9' }}
+ * />
+ * ```
+ */
+export type { ThemeConfig, DaisyUITheme } from './types';
+export { DAISYUI_THEMES } from './types';
+export { applyTheme, applyBuiltInTheme, applyThemeConfig, clearThemeConfig, isBuiltInTheme, parseThemeConfig, getThemeCssVariables, getThemePropertyNames, } from './themeManager';
+export { hexToOklch, normalizeColor, isOklch, isHex, isRgb, } from './colorUtils';

package/dist/src/lib/theme/themeManager.d.ts

@@ -0,0 +1,39 @@
+import { ThemeConfig, DaisyUITheme } from './types';
+/**
+ * Check if a string is a valid built-in DaisyUI theme name
+ */
+export declare function isBuiltInTheme(theme: string): theme is DaisyUITheme;
+/**
+ * Apply a built-in theme to an element by setting data-theme attribute
+ */
+export declare function applyBuiltInTheme(element: HTMLElement, theme: DaisyUITheme): void;
+/**
+ * Apply custom theme configuration as CSS custom properties on an element.
+ * These override the base theme's values.
+ */
+export declare function applyThemeConfig(element: HTMLElement, config: ThemeConfig): void;
+/**
+ * Clear all custom theme CSS variables from an element
+ */
+export declare function clearThemeConfig(element: HTMLElement): void;
+/**
+ * Parse a theme config from a JSON string (for HTML attribute usage)
+ */
+export declare function parseThemeConfig(json: string): ThemeConfig | null;
+/**
+ * Apply theme to an element.
+ *
+ * @param element - The HTML element to apply the theme to
+ * @param theme - Built-in theme name (defaults to light/dark based on prefers-color-scheme)
+ * @param config - Optional custom theme configuration to override the base theme
+ * @param prefersDark - Whether the user prefers dark mode (from media query)
+ */
+export declare function applyTheme(element: HTMLElement, theme: DaisyUITheme | undefined, config: ThemeConfig | undefined): void;
+/**
+ * Get all CSS variable names that can be customized
+ */
+export declare function getThemeCssVariables(): string[];
+/**
+ * Get all customizable theme property names
+ */
+export declare function getThemePropertyNames(): (keyof ThemeConfig)[];