npm - @docling/docling-components - Versions diffs - 0.0.5 → 0.0.7 - Mend

@docling/docling-components 0.0.5 → 0.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.es.js CHANGED Viewed

@@ -1,20 +1,30 @@
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const v = (i) => (t, e) => {
+  e !== void 0 ? e.addInitializer(() => {
+    customElements.define(i, t);
+  }) : customElements.define(i, t);
+};
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const z = globalThis, Q = z.ShadowRoot && (z.ShadyCSS === void 0 || z.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, X = Symbol(), et = /* @__PURE__ */ new WeakMap();
-let dt = class {
+const it = globalThis, Pt = it.ShadowRoot && (it.ShadyCSS === void 0 || it.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, xt = Symbol(), Tt = /* @__PURE__ */ new WeakMap();
+let Wt = class {
   constructor(t, e, s) {
-    if (this._$cssResult$ = !0, s !== X) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, s !== xt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = e;
   }
   get styleSheet() {
     let t = this.o;
     const e = this.t;
-    if (Q && t === void 0) {
+    if (Pt && t === void 0) {
       const s = e !== void 0 && e.length === 1;
-      s && (t = et.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && et.set(e, t));
+      s && (t = Tt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && Tt.set(e, t));
     }
     return t;
   }
@@ -22,108 +32,106 @@ let dt = class {
     return this.cssText;
   }
 };
-const _t = (r) => new dt(typeof r == "string" ? r : r + "", void 0, X), ut = (r, ...t) => {
-  const e = r.length === 1 ? r[0] : t.reduce((s, i, o) => s + ((n) => {
+const ie = (i) => new Wt(typeof i == "string" ? i : i + "", void 0, xt), O = (i, ...t) => {
+  const e = i.length === 1 ? i[0] : t.reduce((s, r, o) => s + ((n) => {
     if (n._$cssResult$ === !0) return n.cssText;
     if (typeof n == "number") return n;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + n + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(i) + r[o + 1], r[0]);
-  return new dt(e, r, X);
-}, yt = (r, t) => {
-  if (Q) r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+  })(r) + i[o + 1], i[0]);
+  return new Wt(e, i, xt);
+}, oe = (i, t) => {
+  if (Pt) i.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
-    const s = document.createElement("style"), i = z.litNonce;
-    i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, r.appendChild(s);
+    const s = document.createElement("style"), r = it.litNonce;
+    r !== void 0 && s.setAttribute("nonce", r), s.textContent = e.cssText, i.appendChild(s);
   }
-}, st = Q ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
+}, jt = Pt ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const s of t.cssRules) e += s.cssText;
-  return _t(e);
-})(r) : r;
+  return ie(e);
+})(i) : i;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: vt, defineProperty: At, getOwnPropertyDescriptor: bt, getOwnPropertyNames: wt, getOwnPropertySymbols: Et, getPrototypeOf: St } = Object, w = globalThis, it = w.trustedTypes, Pt = it ? it.emptyScript : "", F = w.reactiveElementPolyfillSupport, H = (r, t) => r, L = { toAttribute(r, t) {
+const { is: ne, defineProperty: ae, getOwnPropertyDescriptor: he, getOwnPropertyNames: le, getOwnPropertySymbols: ce, getPrototypeOf: pe } = Object, j = globalThis, kt = j.trustedTypes, de = kt ? kt.emptyScript : "", ut = j.reactiveElementPolyfillSupport, J = (i, t) => i, ot = { toAttribute(i, t) {
   switch (t) {
     case Boolean:
-      r = r ? Pt : null;
+      i = i ? de : null;
       break;
     case Object:
     case Array:
-      r = r == null ? r : JSON.stringify(r);
+      i = i == null ? i : JSON.stringify(i);
   }
-  return r;
-}, fromAttribute(r, t) {
-  let e = r;
+  return i;
+}, fromAttribute(i, t) {
+  let e = i;
   switch (t) {
     case Boolean:
-      e = r !== null;
+      e = i !== null;
       break;
     case Number:
-      e = r === null ? null : Number(r);
+      e = i === null ? null : Number(i);
       break;
     case Object:
     case Array:
       try {
-        e = JSON.parse(r);
+        e = JSON.parse(i);
       } catch {
         e = null;
       }
   }
   return e;
-} }, B = (r, t) => !vt(r, t), rt = { attribute: !0, type: String, converter: L, reflect: !1, hasChanged: B };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), w.litPropertyMetadata ?? (w.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-class C extends HTMLElement {
+} }, ct = (i, t) => !ne(i, t), Ut = { attribute: !0, type: String, converter: ot, reflect: !1, useDefault: !1, hasChanged: ct };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), j.litPropertyMetadata ?? (j.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+let L = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, e = rt) {
-    if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
-      const s = Symbol(), i = this.getPropertyDescriptor(t, s, e);
-      i !== void 0 && At(this.prototype, t, i);
+  static createProperty(t, e = Ut) {
+    if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
+      const s = Symbol(), r = this.getPropertyDescriptor(t, s, e);
+      r !== void 0 && ae(this.prototype, t, r);
     }
   }
   static getPropertyDescriptor(t, e, s) {
-    const { get: i, set: o } = bt(this.prototype, t) ?? { get() {
+    const { get: r, set: o } = he(this.prototype, t) ?? { get() {
       return this[e];
     }, set(n) {
       this[e] = n;
     } };
-    return { get() {
-      return i == null ? void 0 : i.call(this);
-    }, set(n) {
-      const c = i == null ? void 0 : i.call(this);
-      o.call(this, n), this.requestUpdate(t, c, s);
+    return { get: r, set(n) {
+      const h = r == null ? void 0 : r.call(this);
+      o == null || o.call(this, n), this.requestUpdate(t, h, s);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? rt;
+    return this.elementProperties.get(t) ?? Ut;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(H("elementProperties"))) return;
-    const t = St(this);
+    if (this.hasOwnProperty(J("elementProperties"))) return;
+    const t = pe(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(H("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(H("properties"))) {
-      const e = this.properties, s = [...wt(e), ...Et(e)];
-      for (const i of s) this.createProperty(i, e[i]);
+    if (this.hasOwnProperty(J("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(J("properties"))) {
+      const e = this.properties, s = [...le(e), ...ce(e)];
+      for (const r of s) this.createProperty(r, e[r]);
     }
     const t = this[Symbol.metadata];
     if (t !== null) {
       const e = litPropertyMetadata.get(t);
-      if (e !== void 0) for (const [s, i] of e) this.elementProperties.set(s, i);
+      if (e !== void 0) for (const [s, r] of e) this.elementProperties.set(s, r);
     }
     this._$Eh = /* @__PURE__ */ new Map();
     for (const [e, s] of this.elementProperties) {
-      const i = this._$Eu(e, s);
-      i !== void 0 && this._$Eh.set(i, e);
+      const r = this._$Eu(e, s);
+      r !== void 0 && this._$Eh.set(r, e);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
   }
@@ -131,8 +139,8 @@ class C extends HTMLElement {
     const e = [];
     if (Array.isArray(t)) {
       const s = new Set(t.flat(1 / 0).reverse());
-      for (const i of s) e.unshift(st(i));
-    } else t !== void 0 && e.push(st(t));
+      for (const r of s) e.unshift(jt(r));
+    } else t !== void 0 && e.push(jt(t));
     return e;
   }
   static _$Eu(t, e) {
@@ -161,7 +169,7 @@ class C extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return yt(t, this.constructor.elementStyles), t;
+    return oe(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     var t;
@@ -182,33 +190,35 @@ class C extends HTMLElement {
   attributeChangedCallback(t, e, s) {
     this._$AK(t, s);
   }
-  _$EC(t, e) {
+  _$ET(t, e) {
     var o;
-    const s = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, s);
-    if (i !== void 0 && s.reflect === !0) {
-      const n = (((o = s.converter) == null ? void 0 : o.toAttribute) !== void 0 ? s.converter : L).toAttribute(e, s.type);
-      this._$Em = t, n == null ? this.removeAttribute(i) : this.setAttribute(i, n), this._$Em = null;
+    const s = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, s);
+    if (r !== void 0 && s.reflect === !0) {
+      const n = (((o = s.converter) == null ? void 0 : o.toAttribute) !== void 0 ? s.converter : ot).toAttribute(e, s.type);
+      this._$Em = t, n == null ? this.removeAttribute(r) : this.setAttribute(r, n), this._$Em = null;
     }
   }
   _$AK(t, e) {
-    var o;
-    const s = this.constructor, i = s._$Eh.get(t);
-    if (i !== void 0 && this._$Em !== i) {
-      const n = s.getPropertyOptions(i), c = typeof n.converter == "function" ? { fromAttribute: n.converter } : ((o = n.converter) == null ? void 0 : o.fromAttribute) !== void 0 ? n.converter : L;
-      this._$Em = i, this[i] = c.fromAttribute(e, n.type), this._$Em = null;
+    var o, n;
+    const s = this.constructor, r = s._$Eh.get(t);
+    if (r !== void 0 && this._$Em !== r) {
+      const h = s.getPropertyOptions(r), a = typeof h.converter == "function" ? { fromAttribute: h.converter } : ((o = h.converter) == null ? void 0 : o.fromAttribute) !== void 0 ? h.converter : ot;
+      this._$Em = r, this[r] = a.fromAttribute(e, h.type) ?? ((n = this._$Ej) == null ? void 0 : n.get(r)) ?? null, this._$Em = null;
     }
   }
   requestUpdate(t, e, s) {
+    var r;
     if (t !== void 0) {
-      if (s ?? (s = this.constructor.getPropertyOptions(t)), !(s.hasChanged ?? B)(this[t], e)) return;
-      this.P(t, e, s);
+      const o = this.constructor, n = this[t];
+      if (s ?? (s = o.getPropertyOptions(t)), !((s.hasChanged ?? ct)(n, e) || s.useDefault && s.reflect && n === ((r = this._$Ej) == null ? void 0 : r.get(t)) && !this.hasAttribute(o._$Eu(t, s)))) return;
+      this.C(t, e, s);
     }
-    this.isUpdatePending === !1 && (this._$ES = this._$ET());
+    this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  P(t, e, s) {
-    this._$AL.has(t) || this._$AL.set(t, e), s.reflect === !0 && this._$Em !== t && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(t);
+  C(t, e, { useDefault: s, reflect: r, wrapped: o }, n) {
+    s && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t, n ?? e ?? this[t]), o !== !0 || n !== void 0) || (this._$AL.has(t) || (this.hasUpdated || s || (e = void 0), this._$AL.set(t, e)), r === !0 && this._$Em !== t && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t));
   }
-  async _$ET() {
+  async _$EP() {
     this.isUpdatePending = !0;
     try {
       await this._$ES;
@@ -229,18 +239,21 @@ class C extends HTMLElement {
         for (const [o, n] of this._$Ep) this[o] = n;
         this._$Ep = void 0;
       }
-      const i = this.constructor.elementProperties;
-      if (i.size > 0) for (const [o, n] of i) n.wrapped !== !0 || this._$AL.has(o) || this[o] === void 0 || this.P(o, this[o], n);
+      const r = this.constructor.elementProperties;
+      if (r.size > 0) for (const [o, n] of r) {
+        const { wrapped: h } = n, a = this[o];
+        h !== !0 || this._$AL.has(o) || a === void 0 || this.C(o, void 0, n, a);
+      }
     }
     let t = !1;
     const e = this._$AL;
     try {
-      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (s = this._$EO) == null || s.forEach((i) => {
+      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (s = this._$EO) == null || s.forEach((r) => {
         var o;
-        return (o = i.hostUpdate) == null ? void 0 : o.call(i);
-      }), this.update(e)) : this._$EU();
-    } catch (i) {
-      throw t = !1, this._$EU(), i;
+        return (o = r.hostUpdate) == null ? void 0 : o.call(r);
+      }), this.update(e)) : this._$EM();
+    } catch (r) {
+      throw t = !1, this._$EM(), r;
     }
     t && this._$AE(e);
   }
@@ -249,11 +262,11 @@ class C extends HTMLElement {
   _$AE(t) {
     var e;
     (e = this._$EO) == null || e.forEach((s) => {
-      var i;
-      return (i = s.hostUpdated) == null ? void 0 : i.call(s);
+      var r;
+      return (r = s.hostUpdated) == null ? void 0 : r.call(s);
     }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
   }
-  _$EU() {
+  _$EM() {
     this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
   }
   get updateComplete() {
@@ -266,83 +279,124 @@ class C extends HTMLElement {
     return !0;
   }
   update(t) {
-    this._$Ej && (this._$Ej = this._$Ej.forEach((e) => this._$EC(e, this[e]))), this._$EU();
+    this._$Eq && (this._$Eq = this._$Eq.forEach((e) => this._$ET(e, this[e]))), this._$EM();
   }
   updated(t) {
   }
   firstUpdated(t) {
   }
+};
+L.elementStyles = [], L.shadowRootOptions = { mode: "open" }, L[J("elementProperties")] = /* @__PURE__ */ new Map(), L[J("finalized")] = /* @__PURE__ */ new Map(), ut == null || ut({ ReactiveElement: L }), (j.reactiveElementVersions ?? (j.reactiveElementVersions = [])).push("2.1.0");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const ue = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: ct }, me = (i = ue, t, e) => {
+  const { kind: s, metadata: r } = e;
+  let o = globalThis.litPropertyMetadata.get(r);
+  if (o === void 0 && globalThis.litPropertyMetadata.set(r, o = /* @__PURE__ */ new Map()), s === "setter" && ((i = Object.create(i)).wrapped = !0), o.set(e.name, i), s === "accessor") {
+    const { name: n } = e;
+    return { set(h) {
+      const a = t.get.call(this);
+      t.set.call(this, h), this.requestUpdate(n, a, i);
+    }, init(h) {
+      return h !== void 0 && this.C(n, void 0, i, h), h;
+    } };
+  }
+  if (s === "setter") {
+    const { name: n } = e;
+    return function(h) {
+      const a = this[n];
+      t.call(this, h), this.requestUpdate(n, a, i);
+    };
+  }
+  throw Error("Unsupported decorator location: " + s);
+};
+function d(i) {
+  return (t, e) => typeof e == "object" ? me(i, t, e) : ((s, r, o) => {
+    const n = r.hasOwnProperty(o);
+    return r.constructor.createProperty(o, s), n ? Object.getOwnPropertyDescriptor(r, o) : void 0;
+  })(i, t, e);
+}
+const $t = [];
+function Vt(i) {
+  const t = v(i);
+  return function(e, s) {
+    return $t.push(
+      e
+    ), t(e, s);
+  };
 }
-C.elementStyles = [], C.shadowRootOptions = { mode: "open" }, C[H("elementProperties")] = /* @__PURE__ */ new Map(), C[H("finalized")] = /* @__PURE__ */ new Map(), F == null || F({ ReactiveElement: C }), (w.reactiveElementVersions ?? (w.reactiveElementVersions = [])).push("2.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const N = globalThis, q = N.trustedTypes, ot = q ? q.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, ft = "$lit$", b = `lit$${Math.random().toFixed(9).slice(2)}$`, $t = "?" + b, xt = `<${$t}>`, P = document, k = () => P.createComment(""), M = (r) => r === null || typeof r != "object" && typeof r != "function", Y = Array.isArray, Ct = (r) => Y(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", J = `[
-\f\r]`, I = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, nt = /-->/g, ht = />/g, E = RegExp(`>|${J}(?:([^\\s"'>=/]+)(${J}*=${J}*(?:[^
-\f\r"'\`<>=]|("|')|))|$)`, "g"), at = /'/g, ct = /"/g, mt = /^(?:script|style|textarea|title)$/i, Ut = (r) => (t, ...e) => ({ _$litType$: r, strings: t, values: e }), A = Ut(1), U = Symbol.for("lit-noChange"), $ = Symbol.for("lit-nothing"), lt = /* @__PURE__ */ new WeakMap(), S = P.createTreeWalker(P, 129);
-function gt(r, t) {
-  if (!Y(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return ot !== void 0 ? ot.createHTML(t) : t;
+const Z = globalThis, nt = Z.trustedTypes, Mt = nt ? nt.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, Ft = "$lit$", T = `lit$${Math.random().toFixed(9).slice(2)}$`, Gt = "?" + T, fe = `<${Gt}>`, R = document, X = () => R.createComment(""), Y = (i) => i === null || typeof i != "object" && typeof i != "function", Ct = Array.isArray, ge = (i) => Ct(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", mt = `[
+\f\r]`, K = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Nt = /-->/g, Ht = />/g, M = RegExp(`>|${mt}(?:([^\\s"'>=/]+)(${mt}*=${mt}*(?:[^
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Rt = /'/g, zt = /"/g, Kt = /^(?:script|style|textarea|title)$/i, Jt = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), m = Jt(1), st = Jt(2), W = Symbol.for("lit-noChange"), f = Symbol.for("lit-nothing"), Bt = /* @__PURE__ */ new WeakMap(), N = R.createTreeWalker(R, 129);
+function Zt(i, t) {
+  if (!Ct(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return Mt !== void 0 ? Mt.createHTML(t) : t;
 }
-const Tt = (r, t) => {
-  const e = r.length - 1, s = [];
-  let i, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = I;
-  for (let c = 0; c < e; c++) {
-    const a = r[c];
-    let p, d, h = -1, l = 0;
-    for (; l < a.length && (n.lastIndex = l, d = n.exec(a), d !== null); ) l = n.lastIndex, n === I ? d[1] === "!--" ? n = nt : d[1] !== void 0 ? n = ht : d[2] !== void 0 ? (mt.test(d[2]) && (i = RegExp("</" + d[2], "g")), n = E) : d[3] !== void 0 && (n = E) : n === E ? d[0] === ">" ? (n = i ?? I, h = -1) : d[1] === void 0 ? h = -2 : (h = n.lastIndex - d[2].length, p = d[1], n = d[3] === void 0 ? E : d[3] === '"' ? ct : at) : n === ct || n === at ? n = E : n === nt || n === ht ? n = I : (n = E, i = void 0);
-    const u = n === E && r[c + 1].startsWith("/>") ? " " : "";
-    o += n === I ? a + xt : h >= 0 ? (s.push(p), a.slice(0, h) + ft + a.slice(h) + b + u) : a + b + (h === -2 ? c : u);
-  }
-  return [gt(r, o + (r[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
-};
-class D {
+const $e = (i, t) => {
+  const e = i.length - 1, s = [];
+  let r, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = K;
+  for (let h = 0; h < e; h++) {
+    const a = i[h];
+    let l, p, c = -1, u = 0;
+    for (; u < a.length && (n.lastIndex = u, p = n.exec(a), p !== null); ) u = n.lastIndex, n === K ? p[1] === "!--" ? n = Nt : p[1] !== void 0 ? n = Ht : p[2] !== void 0 ? (Kt.test(p[2]) && (r = RegExp("</" + p[2], "g")), n = M) : p[3] !== void 0 && (n = M) : n === M ? p[0] === ">" ? (n = r ?? K, c = -1) : p[1] === void 0 ? c = -2 : (c = n.lastIndex - p[2].length, l = p[1], n = p[3] === void 0 ? M : p[3] === '"' ? zt : Rt) : n === zt || n === Rt ? n = M : n === Nt || n === Ht ? n = K : (n = M, r = void 0);
+    const g = n === M && i[h + 1].startsWith("/>") ? " " : "";
+    o += n === K ? a + fe : c >= 0 ? (s.push(l), a.slice(0, c) + Ft + a.slice(c) + T + g) : a + T + (c === -2 ? h : g);
+  }
+  return [Zt(i, o + (i[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
+};
+class Q {
   constructor({ strings: t, _$litType$: e }, s) {
-    let i;
+    let r;
     this.parts = [];
     let o = 0, n = 0;
-    const c = t.length - 1, a = this.parts, [p, d] = Tt(t, e);
-    if (this.el = D.createElement(p, s), S.currentNode = this.el.content, e === 2 || e === 3) {
-      const h = this.el.content.firstChild;
-      h.replaceWith(...h.childNodes);
-    }
-    for (; (i = S.nextNode()) !== null && a.length < c; ) {
-      if (i.nodeType === 1) {
-        if (i.hasAttributes()) for (const h of i.getAttributeNames()) if (h.endsWith(ft)) {
-          const l = d[n++], u = i.getAttribute(h).split(b), m = /([.?@])?(.*)/.exec(l);
-          a.push({ type: 1, index: o, name: m[2], strings: u, ctor: m[1] === "." ? It : m[1] === "?" ? Ht : m[1] === "@" ? Nt : W }), i.removeAttribute(h);
-        } else h.startsWith(b) && (a.push({ type: 6, index: o }), i.removeAttribute(h));
-        if (mt.test(i.tagName)) {
-          const h = i.textContent.split(b), l = h.length - 1;
-          if (l > 0) {
-            i.textContent = q ? q.emptyScript : "";
-            for (let u = 0; u < l; u++) i.append(h[u], k()), S.nextNode(), a.push({ type: 2, index: ++o });
-            i.append(h[l], k());
+    const h = t.length - 1, a = this.parts, [l, p] = $e(t, e);
+    if (this.el = Q.createElement(l, s), N.currentNode = this.el.content, e === 2 || e === 3) {
+      const c = this.el.content.firstChild;
+      c.replaceWith(...c.childNodes);
+    }
+    for (; (r = N.nextNode()) !== null && a.length < h; ) {
+      if (r.nodeType === 1) {
+        if (r.hasAttributes()) for (const c of r.getAttributeNames()) if (c.endsWith(Ft)) {
+          const u = p[n++], g = r.getAttribute(c).split(T), _ = /([.?@])?(.*)/.exec(u);
+          a.push({ type: 1, index: o, name: _[2], strings: g, ctor: _[1] === "." ? ye : _[1] === "?" ? ve : _[1] === "@" ? be : pt }), r.removeAttribute(c);
+        } else c.startsWith(T) && (a.push({ type: 6, index: o }), r.removeAttribute(c));
+        if (Kt.test(r.tagName)) {
+          const c = r.textContent.split(T), u = c.length - 1;
+          if (u > 0) {
+            r.textContent = nt ? nt.emptyScript : "";
+            for (let g = 0; g < u; g++) r.append(c[g], X()), N.nextNode(), a.push({ type: 2, index: ++o });
+            r.append(c[u], X());
           }
         }
-      } else if (i.nodeType === 8) if (i.data === $t) a.push({ type: 2, index: o });
+      } else if (r.nodeType === 8) if (r.data === Gt) a.push({ type: 2, index: o });
       else {
-        let h = -1;
-        for (; (h = i.data.indexOf(b, h + 1)) !== -1; ) a.push({ type: 7, index: o }), h += b.length - 1;
+        let c = -1;
+        for (; (c = r.data.indexOf(T, c + 1)) !== -1; ) a.push({ type: 7, index: o }), c += T.length - 1;
       }
       o++;
     }
   }
   static createElement(t, e) {
-    const s = P.createElement("template");
+    const s = R.createElement("template");
     return s.innerHTML = t, s;
   }
 }
-function T(r, t, e = r, s) {
-  var n, c;
-  if (t === U) return t;
-  let i = s !== void 0 ? (n = e._$Co) == null ? void 0 : n[s] : e._$Cl;
-  const o = M(t) ? void 0 : t._$litDirective$;
-  return (i == null ? void 0 : i.constructor) !== o && ((c = i == null ? void 0 : i._$AO) == null || c.call(i, !1), o === void 0 ? i = void 0 : (i = new o(r), i._$AT(r, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = i : e._$Cl = i), i !== void 0 && (t = T(r, i._$AS(r, t.values), i, s)), t;
+function V(i, t, e = i, s) {
+  var n, h;
+  if (t === W) return t;
+  let r = s !== void 0 ? (n = e._$Co) == null ? void 0 : n[s] : e._$Cl;
+  const o = Y(t) ? void 0 : t._$litDirective$;
+  return (r == null ? void 0 : r.constructor) !== o && ((h = r == null ? void 0 : r._$AO) == null || h.call(r, !1), o === void 0 ? r = void 0 : (r = new o(i), r._$AT(i, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = r : e._$Cl = r), r !== void 0 && (t = V(i, r._$AS(i, t.values), r, s)), t;
 }
-class Ot {
+class _e {
   constructor(t, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -353,30 +407,30 @@ class Ot {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: s } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? P).importNode(e, !0);
-    S.currentNode = i;
-    let o = S.nextNode(), n = 0, c = 0, a = s[0];
+    const { el: { content: e }, parts: s } = this._$AD, r = ((t == null ? void 0 : t.creationScope) ?? R).importNode(e, !0);
+    N.currentNode = r;
+    let o = N.nextNode(), n = 0, h = 0, a = s[0];
     for (; a !== void 0; ) {
       if (n === a.index) {
-        let p;
-        a.type === 2 ? p = new j(o, o.nextSibling, this, t) : a.type === 1 ? p = new a.ctor(o, a.name, a.strings, this, t) : a.type === 6 && (p = new Rt(o, this, t)), this._$AV.push(p), a = s[++c];
+        let l;
+        a.type === 2 ? l = new et(o, o.nextSibling, this, t) : a.type === 1 ? l = new a.ctor(o, a.name, a.strings, this, t) : a.type === 6 && (l = new we(o, this, t)), this._$AV.push(l), a = s[++h];
       }
-      n !== (a == null ? void 0 : a.index) && (o = S.nextNode(), n++);
+      n !== (a == null ? void 0 : a.index) && (o = N.nextNode(), n++);
     }
-    return S.currentNode = P, i;
+    return N.currentNode = R, r;
   }
   p(t) {
     let e = 0;
     for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, e), e += s.strings.length - 2) : s._$AI(t[e])), e++;
   }
 }
-class j {
+class et {
   get _$AU() {
     var t;
     return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
   }
-  constructor(t, e, s, i) {
-    this.type = 2, this._$AH = $, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = i, this._$Cv = (i == null ? void 0 : i.isConnected) ?? !0;
+  constructor(t, e, s, r) {
+    this.type = 2, this._$AH = f, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = r, this._$Cv = (r == null ? void 0 : r.isConnected) ?? !0;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -390,7 +444,7 @@ class j {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = T(this, t, e), M(t) ? t === $ || t == null || t === "" ? (this._$AH !== $ && this._$AR(), this._$AH = $) : t !== this._$AH && t !== U && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ct(t) ? this.k(t) : this._(t);
+    t = V(this, t, e), Y(t) ? t === f || t == null || t === "" ? (this._$AH !== f && this._$AR(), this._$AH = f) : t !== this._$AH && t !== W && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : ge(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -399,33 +453,33 @@ class j {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== $ && M(this._$AH) ? this._$AA.nextSibling.data = t : this.T(P.createTextNode(t)), this._$AH = t;
+    this._$AH !== f && Y(this._$AH) ? this._$AA.nextSibling.data = t : this.T(R.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var o;
-    const { values: e, _$litType$: s } = t, i = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = D.createElement(gt(s.h, s.h[0]), this.options)), s);
-    if (((o = this._$AH) == null ? void 0 : o._$AD) === i) this._$AH.p(e);
+    const { values: e, _$litType$: s } = t, r = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = Q.createElement(Zt(s.h, s.h[0]), this.options)), s);
+    if (((o = this._$AH) == null ? void 0 : o._$AD) === r) this._$AH.p(e);
     else {
-      const n = new Ot(i, this), c = n.u(this.options);
-      n.p(e), this.T(c), this._$AH = n;
+      const n = new _e(r, this), h = n.u(this.options);
+      n.p(e), this.T(h), this._$AH = n;
     }
   }
   _$AC(t) {
-    let e = lt.get(t.strings);
-    return e === void 0 && lt.set(t.strings, e = new D(t)), e;
+    let e = Bt.get(t.strings);
+    return e === void 0 && Bt.set(t.strings, e = new Q(t)), e;
   }
   k(t) {
-    Y(this._$AH) || (this._$AH = [], this._$AR());
+    Ct(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
-    let s, i = 0;
-    for (const o of t) i === e.length ? e.push(s = new j(this.O(k()), this.O(k()), this, this.options)) : s = e[i], s._$AI(o), i++;
-    i < e.length && (this._$AR(s && s._$AB.nextSibling, i), e.length = i);
+    let s, r = 0;
+    for (const o of t) r === e.length ? e.push(s = new et(this.O(X()), this.O(X()), this, this.options)) : s = e[r], s._$AI(o), r++;
+    r < e.length && (this._$AR(s && s._$AB.nextSibling, r), e.length = r);
   }
   _$AR(t = this._$AA.nextSibling, e) {
     var s;
     for ((s = this._$AP) == null ? void 0 : s.call(this, !1, !0, e); t && t !== this._$AB; ) {
-      const i = t.nextSibling;
-      t.remove(), t = i;
+      const r = t.nextSibling;
+      t.remove(), t = r;
     }
   }
   setConnected(t) {
@@ -433,62 +487,62 @@ class j {
     this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
   }
 }
-class W {
+class pt {
   get tagName() {
     return this.element.tagName;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(t, e, s, i, o) {
-    this.type = 1, this._$AH = $, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = o, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = $;
+  constructor(t, e, s, r, o) {
+    this.type = 1, this._$AH = f, this._$AN = void 0, this.element = t, this.name = e, this._$AM = r, this.options = o, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = f;
   }
-  _$AI(t, e = this, s, i) {
+  _$AI(t, e = this, s, r) {
     const o = this.strings;
     let n = !1;
-    if (o === void 0) t = T(this, t, e, 0), n = !M(t) || t !== this._$AH && t !== U, n && (this._$AH = t);
+    if (o === void 0) t = V(this, t, e, 0), n = !Y(t) || t !== this._$AH && t !== W, n && (this._$AH = t);
     else {
-      const c = t;
-      let a, p;
-      for (t = o[0], a = 0; a < o.length - 1; a++) p = T(this, c[s + a], e, a), p === U && (p = this._$AH[a]), n || (n = !M(p) || p !== this._$AH[a]), p === $ ? t = $ : t !== $ && (t += (p ?? "") + o[a + 1]), this._$AH[a] = p;
+      const h = t;
+      let a, l;
+      for (t = o[0], a = 0; a < o.length - 1; a++) l = V(this, h[s + a], e, a), l === W && (l = this._$AH[a]), n || (n = !Y(l) || l !== this._$AH[a]), l === f ? t = f : t !== f && (t += (l ?? "") + o[a + 1]), this._$AH[a] = l;
     }
-    n && !i && this.j(t);
+    n && !r && this.j(t);
   }
   j(t) {
-    t === $ ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+    t === f ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class It extends W {
+class ye extends pt {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === $ ? void 0 : t;
+    this.element[this.name] = t === f ? void 0 : t;
   }
 }
-class Ht extends W {
+class ve extends pt {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== $);
+    this.element.toggleAttribute(this.name, !!t && t !== f);
   }
 }
-class Nt extends W {
-  constructor(t, e, s, i, o) {
-    super(t, e, s, i, o), this.type = 5;
+class be extends pt {
+  constructor(t, e, s, r, o) {
+    super(t, e, s, r, o), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = T(this, t, e, 0) ?? $) === U) return;
-    const s = this._$AH, i = t === $ && s !== $ || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, o = t !== $ && (s === $ || i);
-    i && this.element.removeEventListener(this.name, this, s), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
+    if ((t = V(this, t, e, 0) ?? f) === W) return;
+    const s = this._$AH, r = t === f && s !== f || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, o = t !== f && (s === f || r);
+    r && this.element.removeEventListener(this.name, this, s), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
     var e;
     typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class Rt {
+class we {
   constructor(t, e, s) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
   }
@@ -496,26 +550,27 @@ class Rt {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    T(this, t);
+    V(this, t);
   }
 }
-const K = N.litHtmlPolyfillSupport;
-K == null || K(D, j), (N.litHtmlVersions ?? (N.litHtmlVersions = [])).push("3.2.1");
-const kt = (r, t, e) => {
+const ft = Z.litHtmlPolyfillSupport;
+ft == null || ft(Q, et), (Z.litHtmlVersions ?? (Z.litHtmlVersions = [])).push("3.3.0");
+const Ae = (i, t, e) => {
   const s = (e == null ? void 0 : e.renderBefore) ?? t;
-  let i = s._$litPart$;
-  if (i === void 0) {
+  let r = s._$litPart$;
+  if (r === void 0) {
     const o = (e == null ? void 0 : e.renderBefore) ?? null;
-    s._$litPart$ = i = new j(t.insertBefore(k(), o), o, void 0, e ?? {});
+    s._$litPart$ = r = new et(t.insertBefore(X(), o), o, void 0, e ?? {});
   }
-  return i._$AI(r), i;
+  return r._$AI(i), r;
 };
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let R = class extends C {
+const H = globalThis;
+let A = class extends L {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -526,7 +581,7 @@ let R = class extends C {
   }
   update(t) {
     const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = kt(e, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Ae(e, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var t;
@@ -537,63 +592,775 @@ let R = class extends C {
     super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
   }
   render() {
-    return U;
+    return W;
   }
 };
-var pt;
-R._$litElement$ = !0, R.finalized = !0, (pt = globalThis.litElementHydrateSupport) == null || pt.call(globalThis, { LitElement: R });
-const Z = globalThis.litElementPolyfillSupport;
-Z == null || Z({ LitElement: R });
-(globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.1.1");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Mt = (r) => (t, e) => {
-  e !== void 0 ? e.addInitializer(() => {
-    customElements.define(r, t);
-  }) : customElements.define(r, t);
+var qt;
+A._$litElement$ = !0, A.finalized = !0, (qt = H.litElementHydrateSupport) == null || qt.call(H, { LitElement: A });
+const gt = H.litElementPolyfillSupport;
+gt == null || gt({ LitElement: A });
+(H.litElementVersions ?? (H.litElementVersions = [])).push("4.2.0");
+var Pe = Object.defineProperty, dt = (i, t, e, s) => {
+  for (var r = void 0, o = i.length - 1, n; o >= 0; o--)
+    (n = i[o]) && (r = n(t, e, r) || r);
+  return r && Pe(t, e, r), r;
 };
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Dt = { attribute: !0, type: String, converter: L, reflect: !1, hasChanged: B }, jt = (r = Dt, t, e) => {
-  const { kind: s, metadata: i } = e;
-  let o = globalThis.litPropertyMetadata.get(i);
-  if (o === void 0 && globalThis.litPropertyMetadata.set(i, o = /* @__PURE__ */ new Map()), o.set(e.name, r), s === "accessor") {
-    const { name: n } = e;
-    return { set(c) {
-      const a = t.get.call(this);
-      t.set.call(this, c), this.requestUpdate(n, a, r);
-    }, init(c) {
-      return c !== void 0 && this.P(n, void 0, r), c;
-    } };
+class z extends A {
+  render() {
+    if (this.annotation && this.item && this.page && this.canDrawAnnotation(this.annotation) && this.canDrawItem(this.item))
+      return this.renderAnnotation(
+        this.annotation,
+        this.item,
+        this.page,
+        this.prov
+      );
   }
-  if (s === "setter") {
-    const { name: n } = e;
-    return function(c) {
-      const a = this[n];
-      t.call(this, c), this.requestUpdate(n, a, r);
-    };
+}
+dt([
+  d({ attribute: !1 })
+], z.prototype, "annotation");
+dt([
+  d({ attribute: !1 })
+], z.prototype, "item");
+dt([
+  d({ attribute: !1 })
+], z.prototype, "page");
+dt([
+  d({ attribute: !1 })
+], z.prototype, "prov");
+function B(...i) {
+  return function(t) {
+    return b.DocItem(t) && i.includes(t.label);
+  };
+}
+var I = {
+  CodeItem: B("code"),
+  ListItem: B("list_item"),
+  PictureItem: B("chart", "picture"),
+  SectionHeaderItem: B("section_header"),
+  TableItem: B("document_index", "table"),
+  TextItem: B(
+    "caption",
+    "checkbox_selected",
+    "checkbox_unselected",
+    "footnote",
+    "page_footer",
+    "page_header",
+    "paragraph",
+    "reference",
+    "text"
+  )
+};
+function S(...i) {
+  return function(t) {
+    return i.includes(t.kind);
+  };
+}
+var Ot = {
+  PictureBarChart: S("bar_chart_data"),
+  PictureClassification: S("classification"),
+  PictureDescription: S("description"),
+  PictureMisc: S("misc"),
+  PictureMolecule: S("molecule_data"),
+  PictureLineChart: S("line_chart_data"),
+  PicturePieChart: S("pie_chart_data"),
+  PictureScatterChart: S("scatter_chart_data"),
+  PictureStackedBarChart: S(
+    "stacked_bar_chart_data"
+  )
+}, b = {
+  DocItem(i) {
+    return b.NodeItem(i) && !b.GroupItem(i);
+  },
+  Document(i) {
+    return "schema_name" in i && i.schema_name === "DoclingDocument";
+  },
+  GroupItem(i) {
+    return b.NodeItem(i) && (i.self_ref.startsWith("#/groups/") || i.self_ref === "#/body");
+  },
+  NodeItem(i) {
+    return "self_ref" in i;
+  },
+  ...Ot,
+  ...I
+};
+function* xe(i, t = {}) {
+  i && (yield* e(t.root ?? i.body));
+  function* e(s, r = 0) {
+    var o;
+    if ((!b.GroupItem(s) || t.withGroups) && (b.DocItem(s) ? (t.pageNo === void 0 || (o = s.prov) != null && o.some((n) => n.page_no === t.pageNo)) && (yield [s, r]) : yield [s, r]), !(b.PictureItem(s) && !t.traversePictures))
+      for (const n of s.children ?? []) {
+        const h = Ce(i, n);
+        b.NodeItem(h) && (yield* e(h, r + 1));
+      }
+  }
+}
+function Ce(i, t) {
+  return t.$ref.split("/").slice(1).reduce(
+    (s, r) => s[r],
+    i
+  );
+}
+var Oe = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, Xt = (i, t, e, s) => {
+  for (var r = s > 1 ? void 0 : s ? Ee(t, e) : t, o = i.length - 1, n; o >= 0; o--)
+    (n = i[o]) && (r = (s ? n(t, e, r) : n(r)) || r);
+  return s && r && Oe(t, e, r), r;
+};
+let at = class extends z {
+  constructor() {
+    super(...arguments), this.precision = 2;
+  }
+  renderAnnotation(i, t, e, s) {
+    const r = i.predicted_classes ?? [], o = Math.pow(10, -1 * this.precision), n = r.filter((l) => o < l.confidence), h = r.filter((l) => l.confidence < o), a = (l) => l.toLocaleString(void 0, {
+      maximumFractionDigits: this.precision
+    });
+    return m`<table>
+      <thead>
+        <tr>
+          <th>Class</th>
+          <th>Confidence</th>
+        </tr>
+      </thead>
+      <tbody>
+        ${n.map(
+      ({ class_name: l, confidence: p }) => m`<tr>
+              <td>${l}</td>
+              <td>${a(p)}</td>
+            </tr>`
+    )}
+        ${h.length === 0 ? f : m`<tr
+              class="more"
+              title=${h.map((l) => `${l.class_name}			${l.confidence}`).join(`
+`)}
+            >
+              <td>${h.length} more</td>
+              <td>< ${a(o)}</td>
+            </tr>`}
+      </tbody>
+    </table>`;
+  }
+  canDrawAnnotation(i) {
+    return Ot.PictureClassification(i);
+  }
+  canDrawItem(i) {
+    return I.PictureItem(i);
+  }
+};
+at.styles = O`
+    table {
+      margin: 0.5rem;
+      font-size: inherit;
+      line-height: 1.25;
+    }
+    td,
+    th {
+      padding: 0 1rem 0 0;
+    }
+    th {
+      font-weight: bold;
+      text-align: left;
+    }
+    tr.more td {
+      padding-top: 0.25rem;
+      color: gray;
+    }
+  `;
+Xt([
+  d()
+], at.prototype, "precision", 2);
+at = Xt([
+  Vt("docling-picture-classification")
+], at);
+var Se = Object.getOwnPropertyDescriptor, Ie = (i, t, e, s) => {
+  for (var r = s > 1 ? void 0 : s ? Se(t, e) : t, o = i.length - 1, n; o >= 0; o--)
+    (n = i[o]) && (r = n(r) || r);
+  return r;
+};
+let _t = class extends z {
+  renderAnnotation(i, t, e, s) {
+    return m`<p><span>Description</span>${i.text}</p>`;
+  }
+  canDrawAnnotation(i) {
+    return Ot.PictureDescription(i);
+  }
+  canDrawItem(i) {
+    return I.PictureItem(i);
+  }
+};
+_t.styles = O`
+    p {
+      margin: 0.5rem;
+      font-size: inherit;
+      line-height: 1.25;
+      white-space: pre-line;
+    }
+    span {
+      padding-right: 0.5rem;
+      font-weight: bold;
+    }
+  `;
+_t = Ie([
+  Vt("docling-picture-description")
+], _t);
+const yt = [];
+function Yt(i) {
+  const t = v(i);
+  return function(e, s) {
+    return yt.push(e), t(e, s);
+  };
+}
+var De = Object.defineProperty, Et = (i, t, e, s) => {
+  for (var r = void 0, o = i.length - 1, n; o >= 0; o--)
+    (n = i[o]) && (r = n(t, e, r) || r);
+  return r && De(t, e, r), r;
+};
+class D extends A {
+  render() {
+    if (this.item && this.page && this.canDrawItem(this.item))
+      return this.renderItem(this.item, this.page, this.prov);
+  }
+}
+Et([
+  d({ attribute: !1 })
+], D.prototype, "item");
+Et([
+  d({ attribute: !1 })
+], D.prototype, "page");
+Et([
+  d({ attribute: !1 })
+], D.prototype, "prov");
+var Te = Object.getOwnPropertyDescriptor, je = (i, t, e, s) => {
+  for (var r = s > 1 ? void 0 : s ? Te(t, e) : t, o = i.length - 1, n; o >= 0; o--)
+    (n = i[o]) && (r = n(r) || r);
+  return r;
+};
+let ht = class extends D {
+  renderItem(i, t) {
+    var r;
+    const { image: e } = t, s = (r = i.prov) == null ? void 0 : r.find((o) => {
+      var n;
+      return o.page_no === ((n = this.page) == null ? void 0 : n.page_no);
+    });
+    if (e && s) {
+      const { width: o = 1, height: n = 1 } = this.page.size, { l: h, r: a, t: l, b: p } = q(s.bbox, t);
+      return m`
+        <svg
+          width=${(a - h) * ((e.size.width ?? 1) / o)}
+          viewBox="${h} ${l} ${a - h} ${p - l}"
+        >
+          <image href=${e.uri} width=${o} height=${n} />
+        </svg>
+      `;
+    } else
+      return m`<span>Invalid provenance.</span>`;
+  }
+  canDrawItem(i) {
+    return b.DocItem(i);
+  }
+};
+ht.styles = O`
+    svg {
+      max-width: 100%;
+    }
+  `;
+ht = je([
+  v("docling-item-provenance")
+], ht);
+var ke = Object.getOwnPropertyDescriptor, Ue = (i, t, e, s) => {
+  for (var r = s > 1 ? void 0 : s ? ke(t, e) : t, o = i.length - 1, n; o >= 0; o--)
+    (n = i[o]) && (r = n(r) || r);
+  return r;
+};
+let vt = class extends D {
+  renderItem(i) {
+    const t = /* @__PURE__ */ new Set();
+    return m`
+      <div class="container">
+        <table>
+          <tbody>
+            ${i.data.grid.map(
+      (s) => m`<tr>
+                  ${s.map((r) => {
+        if (!e(r))
+          return m`<td
+                        class=${r.column_header || r.row_header ? "header" : ""}
+                        colspan=${r.col_span ?? 1}
+                        rowspan=${r.row_span ?? 1}
+                      >
+                        ${r.text}
+                      </td>`;
+      })}
+                </tr>`
+    )}
+          </tbody>
+        </table>
+      </div>
+    `;
+    function e(s) {
+      const r = t.has(
+        [s.start_col_offset_idx, s.start_row_offset_idx].join()
+      );
+      if (!r)
+        for (let o = s.start_col_offset_idx; o < s.end_col_offset_idx; o++)
+          for (let n = s.start_row_offset_idx; n < s.end_row_offset_idx; n++)
+            t.add([o, n].join());
+      return r;
+    }
+  }
+  canDrawItem(i) {
+    return I.TableItem(i);
+  }
+};
+vt.styles = O`
+    .container {
+      position: relative;
+      min-width: 0;
+      max-width: 100%;
+      min-height: 0;
+      overflow: auto;
+    }
+    table {
+      border-collapse: collapse;
+      font-size: 75%;
+      line-height: 1.25;
+    }
+    td {
+      padding: 0.125rem 0.25rem;
+      background-color: var(--cds-layer);
+      border: 1px solid rgb(220, 220, 220);
+      color: black;
+      text-decoration: none;
+      word-break: normal;
+      text-align: left;
+    }
+    td.header {
+      font-weight: bold;
+    }
+    td:hover {
+      filter: brightness(95%);
+    }
+    td:target {
+      outline: 3px solid blue;
+    }
+  `;
+vt = Ue([
+  Yt("docling-item-table")
+], vt);
+var Me = Object.getOwnPropertyDescriptor, Ne = (i, t, e, s) => {
+  for (var r = s > 1 ? void 0 : s ? Me(t, e) : t, o = i.length - 1, n; o >= 0; o--)
+    (n = i[o]) && (r = n(r) || r);
+  return r;
+};
+let Lt = class extends D {
+  constructor() {
+    super(...arguments), this.renderItem = Function(
+      "item",
+      "page",
+      `"use strict"; return this.html\`${this.innerHTML}\`;`
+    ).bind({ html: m });
+  }
+  canDrawItem(i) {
+    return b.DocItem(i);
+  }
+};
+Lt = Ne([
+  v("docling-item-template")
+], Lt);
+var He = Object.getOwnPropertyDescriptor, Re = (i, t, e, s) => {
+  for (var r = s > 1 ? void 0 : s ? He(t, e) : t, o = i.length - 1, n; o >= 0; o--)
+    (n = i[o]) && (r = n(r) || r);
+  return r;
+};
+let bt = class extends D {
+  renderItem(i, t, e) {
+    const s = I.SectionHeaderItem(i) ? "header" : "";
+    if (e) {
+      const { l: r, r: o, t: n, b: h } = q(e.bbox, t), a = Math.sqrt((o - r) * (h - n) / i.text.length), l = Math.min(Math.floor(1.25 * a), (h - n) / 1.25), [p, c] = e.charspan ?? [
+        0,
+        i.text.length
+      ], u = i.text.substring(p, c);
+      return m`<p
+        class=${s}
+        style="font-size: ${l}px; line-height: ${1.25 * l}px"
+      >
+        ${u}
+      </p>`;
+    } else
+      return m`<p class=${s}>${i.text}</p>`;
+  }
+  canDrawItem(i) {
+    return I.TextItem(i) || I.SectionHeaderItem(i) || I.ListItem(i);
+  }
+};
+bt.styles = O`
+    p {
+      margin: 0;
+      overflow-wrap: anywhere;
+      font-size: 1rem;
+      line-height: 1.25rem;
+    }
+    .header {
+      font-weight: bold;
+    }
+  `;
+bt = Re([
+  Yt("docling-item-text")
+], bt);
+var ze = Object.getOwnPropertyDescriptor, St = (i, t, e, s) => {
+  for (var r = s > 1 ? void 0 : s ? ze(t, e) : t, o = i.length - 1, n; o >= 0; o--)
+    (n = i[o]) && (r = n(r) || r);
+  return r;
+};
+let tt = class extends D {
+  get itemChildren() {
+    return Array.from(this.childNodes ?? []).filter(
+      (i) => i instanceof D
+    );
+  }
+  get annotationChildren() {
+    return Array.from(this.childNodes).filter(
+      (i) => i instanceof z
+    );
+  }
+  get isCustomized() {
+    return this.itemChildren.length > 0 || this.annotationChildren.length > 0;
+  }
+  renderItem(i, t, e) {
+    const s = [], r = this.isCustomized;
+    r ? this.itemChildren.filter((n) => n.canDrawItem(i)).forEach((n) => s.push(n)) : yt.filter((n) => n.prototype.canDrawItem(i)).forEach((n) => s.push(new n()));
+    const o = i.annotations ?? [];
+    for (const n of o) {
+      const h = [];
+      r ? this.annotationChildren.filter((a) => a.canDrawItem(a) && a.canDrawAnnotation(n)).forEach(
+        (a) => h.push(a.cloneNode(!0))
+      ) : $t.filter(
+        (a) => a.prototype.canDrawItem(i) && a.prototype.canDrawAnnotation(n)
+      ).forEach((a) => h.push(new a()));
+      for (const a of h)
+        a.annotation = n;
+      s.push(...h);
+    }
+    for (const n of s)
+      n.item = i, n.page = t, n.prov = e;
+    return m`${s}`;
+  }
+  canDrawItem(i) {
+    return b.DocItem(i) && this.isCustomized ? this.itemChildren.some((t) => t.canDrawItem(i)) || this.annotationChildren.some(
+      (t) => {
+        var e;
+        return t.canDrawItem(i) && ((e = i.annotations) == null ? void 0 : e.some((s) => t.canDrawAnnotation(s)));
+      }
+    ) : yt.some((t) => t.prototype.canDrawItem(i)) || $t.some(
+      (t) => {
+        var e;
+        return t.prototype.canDrawItem(i) && ((e = i.annotations) == null ? void 0 : e.some(
+          (s) => t.prototype.canDrawAnnotation(s)
+        ));
+      }
+    );
+  }
+};
+tt = St([
+  v("docling-view")
+], tt);
+let wt = class extends tt {
+  constructor() {
+    super(...arguments), this.type = "overlay";
   }
-  throw Error("Unsupported decorator location: " + s);
 };
-function v(r) {
-  return (t, e) => typeof e == "object" ? jt(r, t, e) : ((s, i, o) => {
-    const n = i.hasOwnProperty(o);
-    return i.constructor.createProperty(o, n ? { ...s, wrapped: !0 } : s), n ? Object.getOwnPropertyDescriptor(i, o) : void 0;
-  })(r, t, e);
+wt = St([
+  v("docling-overlay")
+], wt);
+let At = class extends tt {
+  constructor() {
+    super(...arguments), this.type = "tooltip";
+  }
+};
+At = St([
+  v("docling-tooltip")
+], At);
+function q(i, t) {
+  const { height: e = 1 } = t.size;
+  return i.coord_origin === "TOPLEFT" ? i : { ...i, t: e - i.t, b: e - i.b };
 }
+var Be = Object.defineProperty, Le = Object.getOwnPropertyDescriptor, P = (i, t, e, s) => {
+  for (var r = s > 1 ? void 0 : s ? Le(t, e) : t, o = i.length - 1, n; o >= 0; o--)
+    (n = i[o]) && (r = (s ? n(t, e, r) : n(r)) || r);
+  return s && r && Be(t, e, r), r;
+};
+let y = class extends A {
+  constructor() {
+    super(...arguments), this.pagenumbers = !1;
+  }
+  render() {
+    var i, t, e;
+    if ((i = this.page) != null && i.image) {
+      const { image: s, size: r, page_no: o } = this.page, { width: n = 1, height: h = 1 } = r, a = this.onClickItem && this.page ? (l, p) => {
+        var c;
+        return (c = this.onClickItem) == null ? void 0 : c.call(this, l, this.page, p);
+      } : void 0;
+      return m`
+        <div class="page" @onclick=${(l) => a == null ? void 0 : a(l)}>
+          <svg
+            class="base"
+            width=${s.size.width}
+            viewBox="0 0 ${n} ${h}"
+          >
+            ${this.backdrop ? st`
+                <image
+                  class="backdrop"
+                  href=${s.uri}
+                  width=${n}
+                  height=${h}
+                />
+                <clippath id="clip-page-${o}">
+                  ${(t = this.items) == null ? void 0 : t.map((l) => {
+        var c;
+        const p = (c = l.prov) == null ? void 0 : c.find((u) => u.page_no === o);
+        if (p) {
+          const { l: u, r: g, t: _, b: $ } = q(p.bbox, this.page);
+          return st`<rect
+                        x=${u}
+                        y=${_}
+                        width=${g - u}
+                        height=${$ - _}
+                      />`;
+        }
+      })}
+                </clippath>
+              ` : f}
+            <image
+              id="image"
+              href=${s.uri}
+              clip-path="url(#clip-page-${o})"
+              width=${n}
+              height=${h}
+            />
+            ${(e = this.items) == null ? void 0 : e.flatMap(
+        (l) => (l.prov ?? []).filter((p) => p.page_no === o).map((p) => {
+          var $;
+          const { l: c, r: u, t: g, b: _ } = q(p.bbox, this.page);
+          return st`
+                  ${this.layOver(l, p)}
+                  <rect
+                  part=${"item" + (this.itemPart ? " " + this.itemPart(this.page, l) : "")}
+                  style=${($ = this.itemStyle) == null ? void 0 : $.call(this, this.page, l)}
+                  x=${c}
+                  y=${g}
+                  width=${u - c}
+                  height=${_ - g}
+                  vector-effect="non-scaling-stroke"
+                  @click=${(rt) => {
+            rt.stopPropagation(), a == null || a(rt, l);
+          }}
+                  @mouseenter=${(rt) => {
+            const G = rt.currentTarget.getBoundingClientRect(), Dt = [
+              G.top * window.innerWidth,
+              (window.innerWidth - G.right) * window.innerHeight,
+              (window.innerHeight - G.bottom) * window.innerWidth,
+              G.left * window.innerHeight
+            ], ee = Math.max(...Dt), re = Dt.findIndex((se) => se === ee);
+            this.attachTooltip(l, p, G, re);
+          }}
+                  @mouseleave=${() => this.removeTooltip()}
+                  />
+                `;
+        })
+      )}
+          </svg>
+          ${this.renderTrace()}
+          ${this.pagenumbers ? m`<header
+                  part="page-number-top"
+                  class="page-number-top"
+                  title="Page ${o}"
+                >
+                  ${o}
+                </header>
+                <header
+                  part="page-number-bottom"
+                  class="page-number-bottom"
+                  title="Page ${o}"
+                >
+                  ${o}
+                </header>` : f}
+        </div>
+      `;
+    } else
+      return m`Invalid page image.`;
+  }
+  layOver(i, t) {
+    var e;
+    if ((e = this.overlay) != null && e.canDrawItem(i)) {
+      const s = this.overlay.cloneNode(!0);
+      s.item = i, s.page = this.page, s.prov = t;
+      const { l: r, r: o, t: n, b: h } = q(t.bbox, this.page), a = I.PictureItem(i) ? "softOverlay" : "hardOverlay";
+      return st`<foreignObject part="overlay" class=${a} x=${r} y=${n} width=${o - r} height=${h - n}>${s}</foreignObject>`;
+    }
+  }
+  attachTooltip(i, t, e, s) {
+    var r;
+    if ((r = this.tooltip) != null && r.canDrawItem(i)) {
+      const o = this.tooltip.cloneNode(!0);
+      o.id = "tooltip", o.setAttribute("part", "tooltip"), o.className = "tooltip", o.setAttribute(
+        "style",
+        `
+        ${s === 1 ? `left: ${e.right}px` : s === 3 ? `right: ${window.outerWidth - e.left}px` : `left: calc(${e.left}px - 2rem)`};
+        ${s === 0 ? `bottom: ${window.innerHeight - e.top}px` : s === 2 ? `top: ${e.bottom}px` : `top: calc(${e.top}px - 2rem)`};
+        max-width: ${2 * Math.max(t.bbox.r - t.bbox.l, 200)}px;
+        `
+      ), o.item = i, o.page = this.page, this.renderRoot.appendChild(o);
+    }
+  }
+  removeTooltip() {
+    var i;
+    (i = this.renderRoot.querySelector("#tooltip")) == null || i.remove();
+  }
+  renderTrace() {
+    if (this.trace) {
+      const i = this.trace.cloneNode(!0);
+      return i.page = this.page, i.items = this.items, i;
+    }
+  }
+};
+y.styles = O`
+    .page {
+      position: relative;
+      width: fit-content;
+      color: black;
+    }
+    .base {
+      max-width: 100%;
+    }
+    svg:not(.base) {
+      position: absolute;
+      inset: 0;
+    }
+    .backdrop {
+      opacity: 0.3;
+    }
+    .page-number-top,
+    .page-number-bottom {
+      position: absolute;
+      left: 0;
+      width: fit-content;
+      padding: 0 0.25rem;
+      font-size: 0.75rem;
+      line-height: 1rem;
+      color: rgb(120, 120, 120);
+      mix-blend-mode: difference;
+    }
+    .page-number-top {
+      top: 0;
+    }
+    .page-number-bottom {
+      bottom: 0;
+    }
+    rect {
+      fill: blue;
+      fill-opacity: 0.0001; /* To activate hover. */
+      stroke: grey;
+      stroke-width: 1px;
+      stroke-dasharray: 1;
+      cursor: pointer;
+    }
+    rect:hover {
+      fill-opacity: 0.1;
+      stroke: blue;
+    }
+    rect:target {
+      stroke: blue;
+      stroke-width: 3px;
+      stroke-dasharray: none;
+    }
+    .hardOverlay,
+    .softOverlay {
+      font-size: 62.5%;
+      background-color: white;
+    }
+    .softOverlay {
+      opacity: 0.9;
+    }
+    .tooltip {
+      position: fixed;
+      z-index: 100;
+      padding: 1rem;
+      margin: 1rem;
+      background: white;
+      border: 1px solid rgb(230, 230, 230);
+      box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.2);
+    }
+  `;
+P([
+  d({ type: Object })
+], y.prototype, "page", 2);
+P([
+  d({ type: Array })
+], y.prototype, "items", 2);
+P([
+  d({ type: Boolean })
+], y.prototype, "pagenumbers", 2);
+P([
+  d()
+], y.prototype, "itemPart", 2);
+P([
+  d()
+], y.prototype, "itemStyle", 2);
+P([
+  d()
+], y.prototype, "onClickItem", 2);
+P([
+  d({ type: Boolean })
+], y.prototype, "backdrop", 2);
+P([
+  d({ type: Object })
+], y.prototype, "overlay", 2);
+P([
+  d({ type: Object })
+], y.prototype, "tooltip", 2);
+P([
+  d({ type: Object })
+], y.prototype, "trace", 2);
+y = P([
+  v("docling-img-page")
+], y);
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const zt = Symbol();
-class Lt {
+const qe = Symbol();
+class Qt {
   get taskComplete() {
     return this.t || (this.i === 1 ? this.t = new Promise((t, e) => {
       this.o = t, this.h = e;
@@ -602,8 +1369,8 @@ class Lt {
   constructor(t, e, s) {
     var o;
     this.p = 0, this.i = 0, (this._ = t).addController(this);
-    const i = typeof e == "object" ? e : { task: e, args: s };
-    this.v = i.task, this.j = i.args, this.m = i.argsEqual ?? qt, this.k = i.onComplete, this.A = i.onError, this.autoRun = i.autoRun ?? !0, "initialValue" in i && (this.u = i.initialValue, this.i = 2, this.O = (o = this.T) == null ? void 0 : o.call(this));
+    const r = typeof e == "object" ? e : { task: e, args: s };
+    this.v = r.task, this.j = r.args, this.m = r.argsEqual ?? We, this.k = r.onComplete, this.A = r.onError, this.autoRun = r.autoRun ?? !0, "initialValue" in r && (this.u = r.initialValue, this.i = 2, this.O = (o = this.T) == null ? void 0 : o.call(this));
   }
   hostUpdate() {
     this.autoRun === !0 && this.S();
@@ -622,32 +1389,32 @@ class Lt {
     this.O = t, t === e || t === void 0 || e !== void 0 && this.m(e, t) || await this.run(t);
   }
   async run(t) {
-    var n, c, a, p, d;
+    var n, h, a, l, p;
     let e, s;
     t ?? (t = this.T()), this.O = t, this.i === 1 ? (n = this.q) == null || n.abort() : (this.t = void 0, this.o = void 0, this.h = void 0), this.i = 1, this.autoRun === "afterUpdate" ? queueMicrotask(() => this._.requestUpdate()) : this._.requestUpdate();
-    const i = ++this.p;
+    const r = ++this.p;
     this.q = new AbortController();
     let o = !1;
     try {
       e = await this.v(t, { signal: this.q.signal });
-    } catch (h) {
-      o = !0, s = h;
+    } catch (c) {
+      o = !0, s = c;
     }
-    if (this.p === i) {
-      if (e === zt) this.i = 0;
+    if (this.p === r) {
+      if (e === qe) this.i = 0;
       else {
         if (o === !1) {
           try {
-            (c = this.k) == null || c.call(this, e);
+            (h = this.k) == null || h.call(this, e);
           } catch {
           }
           this.i = 2, (a = this.o) == null || a.call(this, e);
         } else {
           try {
-            (p = this.A) == null || p.call(this, s);
+            (l = this.A) == null || l.call(this, s);
           } catch {
           }
-          this.i = 3, (d = this.h) == null || d.call(this, s);
+          this.i = 3, (p = this.h) == null || p.call(this, s);
         }
         this.u = e, this.l = s;
       }
@@ -668,14 +1435,14 @@ class Lt {
     return this.i;
   }
   render(t) {
-    var e, s, i, o;
+    var e, s, r, o;
     switch (this.i) {
       case 0:
         return (e = t.initial) == null ? void 0 : e.call(t);
       case 1:
         return (s = t.pending) == null ? void 0 : s.call(t);
       case 2:
-        return (i = t.complete) == null ? void 0 : i.call(t, this.value);
+        return (r = t.complete) == null ? void 0 : r.call(t, this.value);
       case 3:
         return (o = t.error) == null ? void 0 : o.call(t, this.error);
       default:
@@ -683,314 +1450,436 @@ class Lt {
     }
   }
 }
-const qt = (r, t) => r === t || r.length === t.length && r.every((e, s) => !B(e, t[s]));
-function x(...r) {
-  return function(t) {
-    return y.DocItem(t) && r.includes(t.label);
-  };
-}
-var Bt = {
-  CodeItem: x("code"),
-  ListItem: x("list_item"),
-  PictureItem: x("picture"),
-  SectionHeaderItem: x("section_header"),
-  TableItem: x("document_index", "table"),
-  TextItem: x(
-    "caption",
-    "checkbox_selected",
-    "checkbox_unselected",
-    "footnote",
-    "page_footer",
-    "page_header",
-    "paragraph",
-    "reference",
-    "text"
-  )
-}, y = {
-  Document(r) {
-    return "schema_name" in r && r.schema_name === "DoclingDocument";
-  },
-  NodeItem(r) {
-    return "self_ref" in r;
-  },
-  GroupItem(r) {
-    return y.NodeItem(r) && (r.self_ref.startsWith("#/groups/") || r.self_ref === "#/body");
-  },
-  DocItem(r) {
-    return y.NodeItem(r) && !y.GroupItem(r);
-  },
-  ...Bt
-};
-function* Wt(r, t = {}) {
-  r && (yield* e(t.root ?? r.body));
-  function* e(s, i = 0) {
-    var o;
-    if ((!y.GroupItem(s) || t.withGroups) && (y.DocItem(s) ? (t.pageNo === void 0 || (o = s.prov) != null && o.some((n) => n.page_no === t.pageNo)) && (yield [s, i]) : yield [s, i]), !(y.PictureItem(s) && !t.traversePictures))
-      for (const n of s.children ?? []) {
-        const c = Vt(r, n);
-        y.NodeItem(c) && (yield* e(c, i + 1));
-      }
-  }
-}
-function Vt(r, t) {
-  return t.$ref.split("/").slice(1).reduce(
-    (s, i) => s[i],
-    r
-  );
-}
-function Gt(r) {
-  return Object.values((r == null ? void 0 : r.pages) ?? {}).sort(
+const We = (i, t) => i === t || i.length === t.length && i.every((e, s) => !ct(e, t[s]));
+function Ve(i) {
+  return Object.values((i == null ? void 0 : i.pages) ?? {}).sort(
     (t, e) => t.page_no - e.page_no
   );
 }
-async function Ft(r, t = {}) {
-  var a, p, d;
+async function te(i, t = {}) {
+  var a, l, p;
   let e;
-  typeof r == "string" ? e = await (await fetch(r)).json() : typeof r == "object" && y.Document(r) && (e = r);
-  const s = Gt(e), i = Array.from(Wt(e)).map(
-    ([h]) => h
-  );
-  let o = i;
+  typeof i == "string" ? e = await (await fetch(i)).json() : typeof i == "object" && b.Document(i) && (e = i);
+  const s = Ve(e), r = Array.from(
+    xe(e, { traversePictures: !0 })
+  ).map(([c]) => c);
+  let o = r;
   const n = /* @__PURE__ */ new Set();
   if (typeof t.items == "string") {
-    const h = new Set(
-      t.items.split(",").map((l) => l.trim()).filter((l) => l.length > 0)
+    const c = new Set(
+      t.items.split(",").map((u) => u.trim()).filter((u) => u.length > 0)
     );
-    if (h.size > 0) {
+    if (c.size > 0) {
       o = [];
-      for (const l of i) {
-        const u = l.self_ref.split("/"), m = [];
-        for (let f = 2; f < u.length + 1; f++)
-          m.push(u.slice(0, f).join("/"));
-        (a = l.prov) == null || a.forEach((f) => m.push(`#/pages/${f.page_no}`)), m.some((f) => h.has(f)) ? o.push(l) : (p = l.prov) == null || p.forEach((f) => n.add(f.page_no));
+      for (const u of r) {
+        const g = u.self_ref.split("/"), _ = [];
+        for (let $ = 2; $ < g.length + 1; $++)
+          _.push(g.slice(0, $).join("/"));
+        (a = u.prov) == null || a.forEach(($) => _.push(`#/pages/${$.page_no}`)), _.some(($) => c.has($)) ? o.push(u) : (l = u.prov) == null || l.forEach(($) => n.add($.page_no));
       }
     }
   } else if (Array.isArray(t.items)) {
     o = [];
-    const h = new Set(t.items);
-    for (const l of i)
-      h.has(l) ? o.push(l) : (d = l.prov) == null || d.forEach((u) => n.add(u.page_no));
-  }
-  const c = {};
-  for (const h of s)
-    c[h.page_no] = [];
-  for (const h of o)
-    for (const l of h.prov ?? [])
-      c[l.page_no].push(h);
-  return s.map((h) => ({
-    page: h,
-    items: c[h.page_no],
-    trimmed: n.has(h.page_no)
+    const c = new Set(t.items);
+    for (const u of r)
+      c.has(u) ? o.push(u) : (p = u.prov) == null || p.forEach((g) => n.add(g.page_no));
+  }
+  const h = {};
+  for (const c of s)
+    h[c.page_no] = [];
+  for (const c of o)
+    for (const u of c.prov ?? [])
+      h[u.page_no].at(-1) !== c && h[u.page_no].push(c);
+  return s.map((c) => ({
+    page: c,
+    items: h[c.page_no],
+    trimmed: n.has(c.page_no)
   }));
 }
-function Jt({
-  page: r,
-  items: t = [],
-  pagenumbers: e,
-  backdrop: s,
-  // tooltip,
-  itemPart: i,
-  itemStyle: o,
-  onclickitem: n
-}) {
-  if (r.image) {
-    const { size: a } = r, { width: p = 1, height: d = 1 } = a, h = n ? (l, u) => n(l, r, u) : void 0;
-    return A`
-    <div part="page" class="page" @onclick=${(l) => h == null ? void 0 : h(l)} role="tab">
-    <svg width=${r.image.size.width} viewBox="0 0 ${p} ${d}">
-      <!-- Suppressed backdrop image. -->
-      ${s ? A`
-              <image
-                class="backdrop"
-                href=${r.image.uri}
-                width=${p}
-                height=${d}
-              />
-              <clippath id="clip-page-${r.page_no}">
-                ${t.map((l) => {
-      var m;
-      const u = (m = l.prov) == null ? void 0 : m.find((f) => f.page_no === r.page_no);
-      if (u) {
-        const { l: f, r: V, t: O, b: G } = u.bbox;
-        return A`<rect
-                      x=${f}
-                      y=${d - O}
-                      width=${V - f}
-                      height=${O - G}
-                    />`;
-      }
-    })}
-              </clippath>
-            ` : ""}
-      <!-- Foreground image. -->
-      <image
-        id="image"
-        href=${r.image.uri}
-        clip-path="url(#clip-page-${r.page_no})"
-        width=${p}
-        height${d}
-      />
-      ${t.map((l) => {
-      var m;
-      const u = (m = l.prov) == null ? void 0 : m.find((f) => f.page_no === r.page_no);
-      if (u) {
-        const { l: f, r: V, t: O, b: G } = u.bbox;
-        return A`<rect
-            part=${"item" + (i ? " " + i(r, l) : "")}
-            style=${o == null ? void 0 : o(r, l)}
-            x=${f}
-            y=${d - O}
-            width=${V - f}
-            height=${O - G}
-            vector-effect="non-scaling-stroke"
-            @onclick=${(tt) => {
-          tt.stopPropagation(), h == null || h(tt, l);
-        }}
-            @onmouseenter={(e: MouseEvent) => {
-              const bounds = e.currentTarget.getBoundingClientRect();
-              // Sizes of surrounding areas: Top, right, bottom, left.
-              const areas = [
-                bounds.top * window.innerWidth,
-                (window.innerWidth - bounds.right) * window.innerHeight,
-                (window.innerHeight - bounds.bottom) * window.innerWidth,
-                bounds.left * window.innerHeight,
-              ];
-              const maxArea = Math.max(...areas);
-              const quadrant = areas.findIndex(a => a === maxArea);
-              hovered = {
-                item,
-                bounds,
-                quadrant,
-              };
-            }}
-          />`;
-      }
-    })}
-    </svg>
-    ${e ? A`<header
-              part="page-number-top"
-              class="page-number-top"
-              title="Page ${r.page_no}"
-            >
-              ${r.page_no}
-            </header>
+var Fe = Object.defineProperty, Ge = Object.getOwnPropertyDescriptor, It = (i, t, e, s) => {
+  for (var r = s > 1 ? void 0 : s ? Ge(t, e) : t, o = i.length - 1, n; o >= 0; o--)
+    (n = i[o]) && (r = (s ? n(t, e, r) : n(r)) || r);
+  return s && r && Fe(t, e, r), r;
+};
+let F = class extends A {
+  render() {
+    if (this.page && this.items && this.items.length > 0) {
+      const { page_no: i, size: t } = this.page, { width: e = 1, height: s = 1 } = t, r = this.items.map((n) => {
+        var a, l;
+        const h = q((l = (a = n.prov) == null ? void 0 : a.find((p) => p.page_no === i)) == null ? void 0 : l.bbox, this.page);
+        return [
+          (h.l + h.r) / 2,
+          (h.t + h.b) / 2
+        ];
+      }), o = `M${r[0][0]} 0 ${r.slice(0).map((n) => `L${n[0]} ${n[1]}`)} L${r.at(-1)[0]} ${s}`;
+      return m`<svg viewBox="0 0 ${e} ${s}">
+        <marker
+          id="arrow"
+          viewBox="0 0 10 10"
+          refX="0"
+          refY="5"
+          markerWidth="4"
+          markerHeight="4"
+          orient="auto"
+        >
+          <path d="M 0 0 L 10 5 L 0 10" />
+        </marker>
-            <header
-              part="page-number-bottom"
-              class="page-number-bottom"
-              title="Page ${r.page_no}"
-            >
-              ${r.page_no}
-            </header>` : ""}
+        <path
+          class="halo"
+          vector-effect="non-scaling-stroke"
+          d=${o}
+          marker-start="url(#arrow)"
+        />
-    <!-- Tooltip. -->
-    ${c()}
-  </div>
-  `;
-  } else
-    return A`Invalid page image.`;
-  function c() {
-    return "";
+        <path
+          class="trace"
+          vector-effect="non-scaling-stroke"
+          d=${o}
+          marker-start="url(#arrow)"
+        />
+      </svg>`;
+    }
   }
-}
-const Kt = ut`
-  .page {
-    width: fit-content;
-    max-width: 100%;
+};
+F.styles = O`
+    svg {
+      position: absolute;
+      inset: 0;
+      pointer-events: none;
+    }
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 2px;
+    .halo {
+      fill: none;
+      stroke-width: 5px;
+      stroke: white;
+      stroke-linejoin: round;
+    }
-    color: black;
-  }
-`;
-var Zt = Object.defineProperty, Qt = Object.getOwnPropertyDescriptor, _ = (r, t, e, s) => {
-  for (var i = s > 1 ? void 0 : s ? Qt(t, e) : t, o = r.length - 1, n; o >= 0; o--)
-    (n = r[o]) && (i = (s ? n(t, e, i) : n(i)) || i);
-  return s && i && Zt(t, e, i), i;
+    .trace {
+      fill: none;
+      stroke-width: 3px;
+      stroke: rgba(0, 0, 255);
+      stroke-linejoin: round;
+    }
+    marker > path {
+      fill: rgba(0, 0, 255);
+      stroke: none;
+    }
+  `;
+It([
+  d({ type: Object })
+], F.prototype, "page", 2);
+It([
+  d({ type: Array })
+], F.prototype, "items", 2);
+F = It([
+  v("docling-trace")
+], F);
+var Ke = Object.defineProperty, Je = Object.getOwnPropertyDescriptor, E = (i, t, e, s) => {
+  for (var r = s > 1 ? void 0 : s ? Je(t, e) : t, o = i.length - 1, n; o >= 0; o--)
+    (n = i[o]) && (r = (s ? n(t, e, r) : n(r)) || r);
+  return s && r && Ke(t, e, r), r;
 };
-let g = class extends R {
+let w = class extends A {
   constructor() {
-    super(...arguments), this.src = "", this.trim = "pages", this._fetchTask = new Lt(this, {
-      task: async ([r, t]) => Ft(r, { items: t }),
+    super(...arguments), this.src = "", this.trim = "pages", this.fetchTask = new Qt(this, {
+      task: async ([i, t]) => te(i, { items: t }),
       args: () => [this.src, this.items]
     });
   }
   render() {
-    return this._fetchTask.render({
-      pending: () => A`<p>...</p>`,
-      complete: (r) => A`
-        <div part="paged">
-          ${r.filter((t) => !this.trim || t.items.length > 0).map(
-        ({ page: t, items: e }) => Jt({
-          page: t,
-          items: e,
-          pagenumbers: this.pagenumbers !== void 0,
-          backdrop: this.backdrop !== void 0,
-          itemPart: this.itemPart,
-          itemStyle: this.itemStyle,
-          onclickitem: this.onclickitem
-        })
+    const i = Array.from(this.childNodes);
+    return this.fetchTask.render({
+      pending: () => m`<p>...</p>`,
+      complete: (t) => m`
+        ${t.filter((e) => !this.trim || e.items.length > 0).map(
+        ({ page: e, items: s }) => m`<docling-img-page
+                part="page"
+                .page=${e}
+                .items=${s}
+                .pagenumbers=${this.pagenumbers !== void 0}
+                .itemPart=${this.itemPart}
+                .itemStyle=${this.itemStyle}
+                .onClickItem=${this.onClickItem}
+                .backdrop=${this.backdrop !== void 0}
+                .overlay=${i.find((r) => r instanceof wt)}
+                .tooltip=${i.find((r) => r instanceof At)}
+                .trace=${i.find((r) => r instanceof F)}
+              />`
       )}
-        </div>
       `
     });
   }
 };
-g.styles = [
-  ut`
-      div {
-        width: fit-content;
-        max-width: 100%;
+w.styles = O`
+    :host {
+      width: fit-content;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        gap: 2px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 2px;
-        color: black;
+      color: black;
+    }
+  `;
+E([
+  d()
+], w.prototype, "alt", 2);
+E([
+  d()
+], w.prototype, "backdrop", 2);
+E([
+  d()
+], w.prototype, "items", 2);
+E([
+  d({ type: Boolean })
+], w.prototype, "pagenumbers", 2);
+E([
+  d()
+], w.prototype, "src", 2);
+E([
+  d()
+], w.prototype, "trim", 2);
+E([
+  d()
+], w.prototype, "itemPart", 2);
+E([
+  d()
+], w.prototype, "itemStyle", 2);
+E([
+  d()
+], w.prototype, "onClickItem", 2);
+w = E([
+  v("docling-img")
+], w);
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Ze = (i) => i ?? f;
+var Xe = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, k = (i, t, e, s) => {
+  for (var r = s > 1 ? void 0 : s ? Ye(t, e) : t, o = i.length - 1, n; o >= 0; o--)
+    (n = i[o]) && (r = (s ? n(t, e, r) : n(r)) || r);
+  return s && r && Xe(t, e, r), r;
+};
+let x = class extends A {
+  constructor() {
+    super(...arguments), this.columns = [];
+  }
+  render() {
+    var i, t, e, s, r, o, n;
+    return m`
+      ${this.pagenumbers ? m`
+            <tr>
+              <td
+                part="page-number-top"
+                class="page-number"
+                title="Page ${(i = this.page) == null ? void 0 : i.page_no}"
+                colspan=${((t = this.columns) == null ? void 0 : t.length) ?? 1}
+              >
+                ${(e = this.page) == null ? void 0 : e.page_no}
+              </td>
+            </tr>
+          ` : f}
+      ${(s = this.items) == null ? void 0 : s.map(
+      (h) => {
+        var a;
+        return m`<tr
+            part=${"item" + (this.itemPart ? " " + this.itemPart(this.page, h) : "")}
+            style=${Ze((a = this.itemStyle) == null ? void 0 : a.call(this, this.page, h))}
+          >
+            ${this.columns.map((l) => {
+          const p = l.cloneNode(!0);
+          return p.item = h, p.page = this.page, m`
+                <td
+                  @onclick=${(c) => {
+            var u;
+            return (u = this.onClickItem) == null ? void 0 : u.call(this, c, this.page, h);
+          }}
+                >
+                  ${p}
+                </td>
+              `;
+        })}
+          </tr>`;
       }
-    `,
-  Kt
-];
-_([
-  v()
-], g.prototype, "alt", 2);
-_([
-  v()
-], g.prototype, "backdrop", 2);
-_([
-  v()
-], g.prototype, "items", 2);
-_([
-  v()
-], g.prototype, "pagenumbers", 2);
-_([
-  v()
-], g.prototype, "src", 2);
-_([
-  v()
-], g.prototype, "trim", 2);
-_([
-  v()
-], g.prototype, "itemPart", 2);
-_([
-  v()
-], g.prototype, "itemStyle", 2);
-_([
-  v()
-], g.prototype, "onclickitem", 2);
-g = _([
-  Mt("docling-img")
-], g);
+    )}
+      ${this.pagenumbers ? m`<tr>
+            <td
+              part="page-number-bottom"
+              class="page-number"
+              title="Page ${(r = this.page) == null ? void 0 : r.page_no}"
+              colspan=${((o = this.columns) == null ? void 0 : o.length) ?? 1}
+            >
+              ${(n = this.page) == null ? void 0 : n.page_no}
+            </td>
+          </tr>` : f}
+    `;
+  }
+};
+x.styles = O`
+    :host {
+      display: table-row-group;
+    }
+    tbody {
+      border-bottom: 1px solid rgb(220, 220, 220);
+    }
+    .page-number {
+      padding: 0.25rem;
+      background-color: white;
+      color: rgb(120, 120, 120);
+      font-size: 0.75rem;
+      line-height: 1rem;
+    }
+    tr {
+      cursor: pointer;
+    }
+    tr:not(:nth-last-child(2)) {
+      border-bottom: 1px dotted rgb(220, 220, 220);
+    }
+    td {
+      padding: 1rem;
+      background-color: white;
+      vertical-align: top;
+    }
+    tr:hover td {
+      filter: brightness(95%);
+    }
+  `;
+k([
+  d({ type: Object })
+], x.prototype, "page", 2);
+k([
+  d({ type: Array })
+], x.prototype, "items", 2);
+k([
+  d({ type: Array })
+], x.prototype, "columns", 2);
+k([
+  d({ type: Boolean })
+], x.prototype, "pagenumbers", 2);
+k([
+  d()
+], x.prototype, "itemPart", 2);
+k([
+  d()
+], x.prototype, "itemStyle", 2);
+k([
+  d()
+], x.prototype, "onClickItem", 2);
+x = k([
+  v("docling-table-page")
+], x);
+var Qe = Object.getOwnPropertyDescriptor, tr = (i, t, e, s) => {
+  for (var r = s > 1 ? void 0 : s ? Qe(t, e) : t, o = i.length - 1, n; o >= 0; o--)
+    (n = i[o]) && (r = n(r) || r);
+  return r;
+};
+let lt = class extends tt {
+  constructor() {
+    super(...arguments), this.type = "column";
+  }
+};
+lt = tr([
+  v("docling-column")
+], lt);
+var er = Object.defineProperty, rr = Object.getOwnPropertyDescriptor, U = (i, t, e, s) => {
+  for (var r = s > 1 ? void 0 : s ? rr(t, e) : t, o = i.length - 1, n; o >= 0; o--)
+    (n = i[o]) && (r = (s ? n(t, e, r) : n(r)) || r);
+  return s && r && er(t, e, r), r;
+};
+let C = class extends A {
+  constructor() {
+    super(...arguments), this.src = "", this.fetchTask = new Qt(this, {
+      task: async ([i, t]) => te(i, { items: t }),
+      args: () => [this.src, this.items]
+    });
+  }
+  render() {
+    const i = Array.from(this.childNodes).filter(
+      (e) => e.nodeName.toLowerCase().startsWith("docling-column")
+    ), t = i.length > 0 ? i : [new lt(), new lt()];
+    return i.length === 0 && t[1].appendChild(new ht()), this.fetchTask.render({
+      pending: () => m`<p>...</p>`,
+      complete: (e) => m`
+        <table part="pages">
+          ${e.filter((s) => s.items.length > 0).map(
+        ({ page: s, items: r }) => m`<docling-table-page
+                  .page=${s}
+                  .items=${r}
+                  .columns=${t}
+                  .pagenumbers=${this.pagenumbers !== void 0}
+                  .itemPart=${this.itemPart}
+                  .itemStyle=${this.itemStyle}
+                  .onClickItem=${this.onClickItem}
+                />`
+      )}
+        </table>
+      `
+    });
+  }
+};
+C.styles = O`
+    table {
+      width: 100%;
+      border-collapse: collapse;
+      table-layout: fixed;
+      background-color: white;
+    }
+  `;
+U([
+  d()
+], C.prototype, "alt", 2);
+U([
+  d()
+], C.prototype, "items", 2);
+U([
+  d({ type: Boolean })
+], C.prototype, "pagenumbers", 2);
+U([
+  d()
+], C.prototype, "src", 2);
+U([
+  d()
+], C.prototype, "itemPart", 2);
+U([
+  d()
+], C.prototype, "itemStyle", 2);
+U([
+  d()
+], C.prototype, "onClickItem", 2);
+C = U([
+  v("docling-table")
+], C);
 export {
-  g as ImgPages
+  at as AnnotationPictureClassification,
+  _t as AnnotationPictureDescription,
+  z as DoclingAnnotationElement,
+  D as DoclingItemElement,
+  y as ImgPage,
+  w as ImgPages,
+  F as ImgTrace,
+  wt as ItemOverlay,
+  ht as ItemProvenance,
+  vt as ItemTable,
+  Lt as ItemTemplate,
+  bt as ItemText,
+  At as ItemTooltip,
+  tt as ItemView,
+  x as TablePage,
+  C as TablePages,
+  Vt as customDoclingAnnotationElement,
+  Yt as customDoclingItemElement,
+  q as normalBbox
 };