@docling/docling-components
Version:
Web components for displaying Docling output.
1,595 lines (1,558 loc) • 57 kB
JavaScript
/**
* @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 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 !== 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 (Pt && t === void 0) {
const s = e !== void 0 && e.length === 1;
s && (t = Tt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && Tt.set(e, t));
}
return t;
}
toString() {
return this.cssText;
}
};
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.");
})(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"), r = it.litNonce;
r !== void 0 && s.setAttribute("nonce", r), s.textContent = e.cssText, i.appendChild(s);
}
}, jt = Pt ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((t) => {
let e = "";
for (const s of t.cssRules) e += s.cssText;
return ie(e);
})(i) : i;
/**
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/
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:
i = i ? de : null;
break;
case Object:
case Array:
i = i == null ? i : JSON.stringify(i);
}
return i;
}, fromAttribute(i, t) {
let e = i;
switch (t) {
case Boolean:
e = i !== null;
break;
case Number:
e = i === null ? null : Number(i);
break;
case Object:
case Array:
try {
e = JSON.parse(i);
} catch {
e = null;
}
}
return e;
} }, 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 = 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: r, set: o } = he(this.prototype, t) ?? { get() {
return this[e];
}, set(n) {
this[e] = n;
} };
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) ?? Ut;
}
static _$Ei() {
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(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, r] of e) this.elementProperties.set(s, r);
}
this._$Eh = /* @__PURE__ */ new Map();
for (const [e, s] of this.elementProperties) {
const r = this._$Eu(e, s);
r !== void 0 && this._$Eh.set(r, e);
}
this.elementStyles = this.finalizeStyles(this.styles);
}
static finalizeStyles(t) {
const e = [];
if (Array.isArray(t)) {
const s = new Set(t.flat(1 / 0).reverse());
for (const r of s) e.unshift(jt(r));
} else t !== void 0 && e.push(jt(t));
return e;
}
static _$Eu(t, e) {
const s = e.attribute;
return s === !1 ? void 0 : typeof s == "string" ? s : typeof t == "string" ? t.toLowerCase() : void 0;
}
constructor() {
super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
}
_$Ev() {
var t;
this._$ES = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (t = this.constructor.l) == null || t.forEach((e) => e(this));
}
addController(t) {
var e;
(this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(t), this.renderRoot !== void 0 && this.isConnected && ((e = t.hostConnected) == null || e.call(t));
}
removeController(t) {
var e;
(e = this._$EO) == null || e.delete(t);
}
_$E_() {
const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
for (const s of e.keys()) this.hasOwnProperty(s) && (t.set(s, this[s]), delete this[s]);
t.size > 0 && (this._$Ep = t);
}
createRenderRoot() {
const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
return oe(t, this.constructor.elementStyles), t;
}
connectedCallback() {
var t;
this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$EO) == null || t.forEach((e) => {
var s;
return (s = e.hostConnected) == null ? void 0 : s.call(e);
});
}
enableUpdating(t) {
}
disconnectedCallback() {
var t;
(t = this._$EO) == null || t.forEach((e) => {
var s;
return (s = e.hostDisconnected) == null ? void 0 : s.call(e);
});
}
attributeChangedCallback(t, e, s) {
this._$AK(t, s);
}
_$ET(t, e) {
var o;
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, 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) {
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._$EP());
}
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 _$EP() {
this.isUpdatePending = !0;
try {
await this._$ES;
} catch (e) {
Promise.reject(e);
}
const t = this.scheduleUpdate();
return t != null && await t, !this.isUpdatePending;
}
scheduleUpdate() {
return this.performUpdate();
}
performUpdate() {
var s;
if (!this.isUpdatePending) return;
if (!this.hasUpdated) {
if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
for (const [o, n] of this._$Ep) this[o] = n;
this._$Ep = void 0;
}
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((r) => {
var o;
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);
}
willUpdate(t) {
}
_$AE(t) {
var e;
(e = this._$EO) == null || e.forEach((s) => {
var r;
return (r = s.hostUpdated) == null ? void 0 : r.call(s);
}), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
}
_$EM() {
this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
}
get updateComplete() {
return this.getUpdateComplete();
}
getUpdateComplete() {
return this._$ES;
}
shouldUpdate(t) {
return !0;
}
update(t) {
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);
};
}
/**
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/
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 $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 r;
this.parts = [];
let o = 0, n = 0;
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 (r.nodeType === 8) if (r.data === Gt) a.push({ type: 2, index: o });
else {
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 = R.createElement("template");
return s.innerHTML = t, s;
}
}
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 _e {
constructor(t, e) {
this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
}
get parentNode() {
return this._$AM.parentNode;
}
get _$AU() {
return this._$AM._$AU;
}
u(t) {
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 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 = N.nextNode(), n++);
}
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 et {
get _$AU() {
var t;
return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
}
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;
const e = this._$AM;
return e !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = e.parentNode), t;
}
get startNode() {
return this._$AA;
}
get endNode() {
return this._$AB;
}
_$AI(t, e = this) {
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);
}
T(t) {
this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
}
_(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, 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 _e(r, this), h = n.u(this.options);
n.p(e), this.T(h), this._$AH = n;
}
}
_$AC(t) {
let e = Bt.get(t.strings);
return e === void 0 && Bt.set(t.strings, e = new Q(t)), e;
}
k(t) {
Ct(this._$AH) || (this._$AH = [], this._$AR());
const e = this._$AH;
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 r = t.nextSibling;
t.remove(), t = r;
}
}
setConnected(t) {
var e;
this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
}
}
class pt {
get tagName() {
return this.element.tagName;
}
get _$AU() {
return this._$AM._$AU;
}
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, r) {
const o = this.strings;
let n = !1;
if (o === void 0) t = V(this, t, e, 0), n = !Y(t) || t !== this._$AH && t !== W, n && (this._$AH = t);
else {
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 && !r && this.j(t);
}
j(t) {
t === f ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
}
}
class ye extends pt {
constructor() {
super(...arguments), this.type = 3;
}
j(t) {
this.element[this.name] = t === f ? void 0 : t;
}
}
class ve extends pt {
constructor() {
super(...arguments), this.type = 4;
}
j(t) {
this.element.toggleAttribute(this.name, !!t && t !== f);
}
}
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 = 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 we {
constructor(t, e, s) {
this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
}
get _$AU() {
return this._$AM._$AU;
}
_$AI(t) {
V(this, t);
}
}
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 r = s._$litPart$;
if (r === void 0) {
const o = (e == null ? void 0 : e.renderBefore) ?? null;
s._$litPart$ = r = new et(t.insertBefore(X(), o), o, void 0, e ?? {});
}
return r._$AI(i), r;
};
/**
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/
const H = globalThis;
let A = class extends L {
constructor() {
super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
}
createRenderRoot() {
var e;
const t = super.createRenderRoot();
return (e = this.renderOptions).renderBefore ?? (e.renderBefore = t.firstChild), t;
}
update(t) {
const e = this.render();
this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Ae(e, this.renderRoot, this.renderOptions);
}
connectedCallback() {
var t;
super.connectedCallback(), (t = this._$Do) == null || t.setConnected(!0);
}
disconnectedCallback() {
var t;
super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
}
render() {
return W;
}
};
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;
};
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
);
}
}
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";
}
};
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 qe = Symbol();
class Qt {
get taskComplete() {
return this.t || (this.i === 1 ? this.t = new Promise((t, e) => {
this.o = t, this.h = e;
}) : this.i === 3 ? this.t = Promise.reject(this.l) : this.t = Promise.resolve(this.u)), this.t;
}
constructor(t, e, s) {
var o;
this.p = 0, this.i = 0, (this._ = t).addController(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();
}
hostUpdated() {
this.autoRun === "afterUpdate" && this.S();
}
T() {
if (this.j === void 0) return;
const t = this.j();
if (!Array.isArray(t)) throw Error("The args function must return an array");
return t;
}
async S() {
const t = this.T(), e = this.O;
this.O = t, t === e || t === void 0 || e !== void 0 && this.m(e, t) || await this.run(t);
}
async run(t) {
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 r = ++this.p;
this.q = new AbortController();
let o = !1;
try {
e = await this.v(t, { signal: this.q.signal });
} catch (c) {
o = !0, s = c;
}
if (this.p === r) {
if (e === qe) this.i = 0;
else {
if (o === !1) {
try {
(h = this.k) == null || h.call(this, e);
} catch {
}
this.i = 2, (a = this.o) == null || a.call(this, e);
} else {
try {
(l = this.A) == null || l.call(this, s);
} catch {
}
this.i = 3, (p = this.h) == null || p.call(this, s);
}
this.u = e, this.l = s;
}
this._.requestUpdate();
}
}
abort(t) {
var e;
this.i === 1 && ((e = this.q) == null || e.abort(t));
}
get value() {
return this.u;
}
get error() {
return this.l;
}
get status() {
return this.i;
}
render(t) {
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 (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:
throw Error("Unexpected status: " + this.i);
}
}
}
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 te(i, t = {}) {
var a, l, p;
let e;
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 c = new Set(
t.items.split(",").map((u) => u.trim()).filter((u) => u.length > 0)
);
if (c.size > 0) {
o = [];
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 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)
}));
}
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>
<path
class="halo"
vector-effect="non-scaling-stroke"
d=${o}
marker-start="url(#arrow)"
/>
<path
class="trace"
vector-effect="non-scaling-stroke"
d=${o}
marker-start="url(#arrow)"
/>
</svg>`;
}
}
};
F.styles = O`
svg {
position: absolute;
inset: 0;
pointer-events: none;
}
.halo {
fill: none;
stroke-width: 5px;
stroke: white;
stroke-linejoin: round;
}
.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 w = class extends A {
constructor() {
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() {
const i = Array.from(this.childNodes);
return this.fetchTask.render({