@prose-reader/core 1.298.0 → 1.299.0

package/dist/index.js

@@ -1697,11 +1697,11 @@ const Hi = (t, e) => {
   item: e,
   viewport: n
 }) => {
-  const i = t.ownerDocument.createElement("div");
-  i.classList.add(Kt), i.style.cssText = `
+  const i = n.absoluteViewport.width, o = i > 0 ? `max-width: ${i}px;` : "", r = t.ownerDocument.createElement("div");
+  r.classList.add(Kt), r.style.cssText = `
       height: 100%;
       width: 100%;
-      max-width: ${n.absoluteViewport.width}px;
+      ${o}
       text-align: center;
       display: flex;
       justify-content: center;
@@ -1714,19 +1714,19 @@ const Hi = (t, e) => {
       background-color: white;
       z-index: 1;
     `;
-  const o = i.ownerDocument.createElement("div");
-  o.innerText = "prose", o.style.cssText = `
+  const s = r.ownerDocument.createElement("div");
+  s.innerText = "prose", s.style.cssText = `
       font-size: 4em;
     `;
-  const r = i.ownerDocument.createElement("div");
-  return r.setAttribute("data-details-element", "true"), r.innerText = `loading ${e.id}`, r.style.cssText = `
+  const a = r.ownerDocument.createElement("div");
+  return a.setAttribute("data-details-element", "true"), a.innerText = `loading ${e.id}`, a.style.cssText = `
       font-size: 1.2em;
       text-overflow: ellipsis;
       white-space: nowrap;
       overflow: hidden;
       max-width: 300px;
       width: 80%;
-    `, i.appendChild(o), i.appendChild(r), i;
+    `, r.appendChild(s), r.appendChild(a), r;
 }, no = (t) => t.spineItemsManager.items$.pipe(
   G(
     (e) => T(
@@ -1765,7 +1765,7 @@ const Hi = (t, e) => {
           j([t.spine.layout$, t.theme.$.theme$]).pipe(
             z(([, r]) => {
               const s = t.viewport.absoluteViewport.width;
-              w(
+              s > 0 && w(
                 o.style,
                 "max-width",
                 `${s}px`