vobi_document 1.1.1 → 1.1.2

package/dist/print.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
 var chunkLNBAFOVK_cjs = require('./chunk-LNBAFOVK.cjs');
-var chunkRO3Y2MSU_cjs = require('./chunk-RO3Y2MSU.cjs');
-var chunkERKU5FDV_cjs = require('./chunk-ERKU5FDV.cjs');
+var chunkA427FKMP_cjs = require('./chunk-A427FKMP.cjs');
+var chunk2VZW2MGO_cjs = require('./chunk-2VZW2MGO.cjs');
 require('./chunk-QJ5W5EED.cjs');
 require('./chunk-SP5LCPDG.cjs');
 var react = require('react');
@@ -29,7 +29,7 @@ function footerHeightPx(theme = {}) {
 var DEFAULT_NO_CUT_BLOCKS = ["Image", "Button", "Divider", "IconText", "ImageGrid", "ImageText"];
 function buildPageCss(theme = {}, opts = {}) {
   const noCutBlocks = opts.noCutBlockKeys ?? DEFAULT_NO_CUT_BLOCKS;
-  const margins = { ...chunkERKU5FDV_cjs.DEFAULT_PAGE_MARGINS, ...theme.page?.margins };
+  const margins = { ...chunk2VZW2MGO_cjs.DEFAULT_PAGE_MARGINS, ...theme.page?.margins };
   const format = theme.page?.format ?? "A4";
   const size = theme.page?.orientation === "landscape" ? `${format} landscape` : format;
   const hasHeader = Boolean(theme.header?.enabled);
@@ -39,7 +39,7 @@ function buildPageCss(theme = {}, opts = {}) {
   const hasCover = Boolean(opts.hasCover);
   const headerH = headerHeightPx(theme);
   const footerH = footerHeightPx(theme);
-  const pageBg = theme.colors?.background ?? chunkERKU5FDV_cjs.DEFAULT_DOCUMENT_COLORS.background;
+  const pageBg = theme.colors?.background ?? chunk2VZW2MGO_cjs.DEFAULT_DOCUMENT_COLORS.background;
   const top = hasHeader ? headerH + CONTENT_GAP_PX : margins.top;
   const numberBase = hasFooter ? footerH : margins.bottom;
   const bottom = hasFooterBox ? numberBase + NUMBER_STRIP_PX : margins.bottom;
@@ -98,7 +98,7 @@ function buildPageCss(theme = {}, opts = {}) {
   font-size: 12px;
   font-weight: 500;
   line-height: 18px;
-  color: ${theme.colors?.text ?? chunkERKU5FDV_cjs.DEFAULT_DOCUMENT_COLORS.text};
+  color: ${theme.colors?.text ?? chunk2VZW2MGO_cjs.DEFAULT_DOCUMENT_COLORS.text};
 }`);
   }
   if (hasFooter) {
@@ -117,6 +117,8 @@ function buildPageCss(theme = {}, opts = {}) {
   padding: 0;
 }`);
   parts.push(`${noCutBlocks.map((key) => `[data-docgen-block="${key}"]`).join(",\n")} { break-inside: avoid; }`);
+  const pageH = theme.page?.orientation === "landscape" ? chunk2VZW2MGO_cjs.pageWidthPx(format) : chunk2VZW2MGO_cjs.pageHeightPx(format);
+  parts.push(`:where([data-docgen-block]) img { max-height: ${pageH - top - bottom}px; object-fit: contain; }`);
   parts.push(`[data-docgen-block="PageBreak"] { break-after: page; }
 [data-docgen-block] { orphans: 2; widows: 2; }
 .dg-no-break { break-inside: avoid; }
@@ -199,12 +201,41 @@ var REPEAT_TABLE_HEADERS = `(function () {
   window.Paged.registerHandlers(RepeatingTableHeaders);
 })();`;
 
+// src/render/undisplayedFix.ts
+var UNDISPLAYED_FIX = `(function () {
+  var handlers = window.Paged && window.Paged.registeredHandlers;
+  if (!handlers) return;
+
+  handlers.forEach(function (Handler) {
+    var proto = Handler && Handler.prototype;
+    if (!proto || typeof proto.filter !== 'function' || typeof proto.sortDisplayedSelectors !== 'function') return;
+
+    proto.filter = function (content) {
+      var sorted = this.sortDisplayedSelectors(content, this.displayRules);
+      var matches = sorted.matches;
+      var selectors = sorted.selectors;
+
+      for (var i = 0; i < matches.length; i++) {
+        var selector = selectors[i];
+        if (this.removable(matches[i]) && selector[selector.length - 1].value === 'none') {
+          matches[i].dataset.undisplayed = 'undisplayed';
+        }
+      }
+
+      var styled = content.querySelectorAll('[style]');
+      for (var j = 0; j < styled.length; j++) {
+        if (styled[j].style.display === 'none') styled[j].dataset.undisplayed = 'undisplayed';
+      }
+    };
+  });
+})();`;
+
 // src/render/previewBootstrap.ts
 var ASSET_TIMEOUT_MS = 5e3;
 var PREVIEW_BOOTSTRAP = `(function () {
   function send(type, detail) {
     if (window.parent && window.parent !== window) {
-      window.parent.postMessage({ source: '${chunkRO3Y2MSU_cjs.DG_MESSAGE_SOURCE}', type: type, detail: detail || null }, '*');
+      window.parent.postMessage({ source: '${chunkA427FKMP_cjs.DG_MESSAGE_SOURCE}', type: type, detail: detail || null }, '*');
     }
   }
   function waitAssets() {
@@ -219,8 +250,8 @@ var PREVIEW_BOOTSTRAP = `(function () {
   function run() {
     waitAssets()
       .then(function () { return window.PagedPolyfill.preview(); })
-      .then(function () { send('${chunkRO3Y2MSU_cjs.DG_READY}'); })
-      ['catch'](function (err) { send('${chunkRO3Y2MSU_cjs.DG_ERROR}', String((err && err.message) || err)); });
+      .then(function () { send('${chunkA427FKMP_cjs.DG_READY}'); })
+      ['catch'](function (err) { send('${chunkA427FKMP_cjs.DG_ERROR}', String((err && err.message) || err)); });
   }
   if (document.readyState === 'loading') {
     document.addEventListener('DOMContentLoaded', run);
@@ -255,7 +286,7 @@ var collectFontHrefs = (data, theme) => {
     const fontFamily = item?.props?.appearance?.fontFamily;
     if (fontFamily) ids.add(fontFamily);
   });
-  return [...ids].map((id) => chunkERKU5FDV_cjs.gfontHref(id)).filter((href) => Boolean(href));
+  return [...ids].map((id) => chunk2VZW2MGO_cjs.gfontHref(id)).filter((href) => Boolean(href));
 };
 var renderBody = (opts) => {
   const sheet = new styledComponents.ServerStyleSheet();
@@ -263,7 +294,7 @@ var renderBody = (opts) => {
     const [first, ...rest] = opts.data.content ?? [];
     const coverBlock = first?.type === (opts.coverBlockKey ?? DEFAULT_COVER_BLOCK_KEY) ? first : null;
     const contentData = coverBlock ? { ...opts.data, content: rest } : opts.data;
-    const documentRenderer = react.createElement(chunkRO3Y2MSU_cjs.DocumentRenderer, {
+    const documentRenderer = react.createElement(chunkA427FKMP_cjs.DocumentRenderer, {
       registry: opts.registry,
       data: contentData,
       theme: opts.theme,
@@ -278,7 +309,7 @@ var renderBody = (opts) => {
         react.createElement(
           react.Fragment,
           null,
-          coverBlock ? react.createElement(chunkRO3Y2MSU_cjs.CoverPage, {
+          coverBlock ? react.createElement(chunkA427FKMP_cjs.CoverPage, {
             templateId: coverProps?.templateId,
             accent: coverProps?.accent,
             fields: coverProps?.fields,
@@ -286,13 +317,13 @@ var renderBody = (opts) => {
             textColor: coverProps?.textColor,
             bgColor: coverProps?.bgColor
           }) : null,
-          react.createElement(chunkRO3Y2MSU_cjs.HeaderBar, {
+          react.createElement(chunkA427FKMP_cjs.HeaderBar, {
             config: opts.theme?.header,
             companyInfo: opts.companyInfo,
             logoUrl: opts.theme?.logo?.url,
             documentFont: opts.theme?.documentFont
           }),
-          react.createElement(chunkRO3Y2MSU_cjs.FooterBar, {
+          react.createElement(chunkA427FKMP_cjs.FooterBar, {
             config: opts.theme?.footer,
             companyInfo: opts.companyInfo,
             documentFont: opts.theme?.documentFont
@@ -324,6 +355,7 @@ function buildDocumentHtml(opts) {
     "<style>body { margin: 0; background: #E8E9EB; } .pagedjs_page { box-shadow: 0 1px 4px rgba(15, 23, 42, 0.18); margin: 16px auto; }</style>",
     "<script>window.PagedConfig = { auto: false };</script>",
     `<script>${PAGEDJS_SOURCE}</script>`,
+    `<script>${UNDISPLAYED_FIX}</script>`,
     `<script>${REPEAT_TABLE_HEADERS}</script>`,
     `<script>${PREVIEW_BOOTSTRAP}</script>`,
     "</head>",
@@ -334,15 +366,15 @@ function buildDocumentHtml(opts) {
 
 Object.defineProperty(exports, "DG_ERROR", {
   enumerable: true,
-  get: function () { return chunkRO3Y2MSU_cjs.DG_ERROR; }
+  get: function () { return chunkA427FKMP_cjs.DG_ERROR; }
 });
 Object.defineProperty(exports, "DG_MESSAGE_SOURCE", {
   enumerable: true,
-  get: function () { return chunkRO3Y2MSU_cjs.DG_MESSAGE_SOURCE; }
+  get: function () { return chunkA427FKMP_cjs.DG_MESSAGE_SOURCE; }
 });
 Object.defineProperty(exports, "DG_READY", {
   enumerable: true,
-  get: function () { return chunkRO3Y2MSU_cjs.DG_READY; }
+  get: function () { return chunkA427FKMP_cjs.DG_READY; }
 });
 exports.DEFAULT_COVER_BLOCK_KEY = DEFAULT_COVER_BLOCK_KEY;
 exports.DEFAULT_NO_CUT_BLOCKS = DEFAULT_NO_CUT_BLOCKS;