@embedpdf/plugin-scroll 1.0.9 → 1.0.11

package/dist/index.cjs

@@ -30,167 +30,7 @@ module.exports = __toCommonJS(index_exports);
 
 // src/lib/scroll-plugin.ts
 var import_core = require("@embedpdf/core");
-
-// ../models/dist/index.js
-var Rotation = /* @__PURE__ */ ((Rotation22) => {
-  Rotation22[Rotation22["Degree0"] = 0] = "Degree0";
-  Rotation22[Rotation22["Degree90"] = 1] = "Degree90";
-  Rotation22[Rotation22["Degree180"] = 2] = "Degree180";
-  Rotation22[Rotation22["Degree270"] = 3] = "Degree270";
-  return Rotation22;
-})(Rotation || {});
-function swap(size) {
-  const { width, height } = size;
-  return {
-    width: height,
-    height: width
-  };
-}
-function rotatePosition(containerSize, position, rotation) {
-  let x = position.x;
-  let y = position.y;
-  switch (rotation) {
-    case 0:
-      x = position.x;
-      y = position.y;
-      break;
-    case 1:
-      x = containerSize.height - position.y;
-      y = position.x;
-      break;
-    case 2:
-      x = containerSize.width - position.x;
-      y = containerSize.height - position.y;
-      break;
-    case 3:
-      x = position.y;
-      y = containerSize.width - position.x;
-      break;
-  }
-  return {
-    x,
-    y
-  };
-}
-function scalePosition(position, scaleFactor) {
-  return {
-    x: position.x * scaleFactor,
-    y: position.y * scaleFactor
-  };
-}
-function transformPosition(containerSize, position, rotation, scaleFactor) {
-  return scalePosition(rotatePosition(containerSize, position, rotation), scaleFactor);
-}
-function rotateRect(containerSize, rect, rotation) {
-  let x = rect.origin.x;
-  let y = rect.origin.y;
-  let size = rect.size;
-  switch (rotation) {
-    case 0:
-      break;
-    case 1:
-      x = containerSize.height - rect.origin.y - rect.size.height;
-      y = rect.origin.x;
-      size = swap(rect.size);
-      break;
-    case 2:
-      x = containerSize.width - rect.origin.x - rect.size.width;
-      y = containerSize.height - rect.origin.y - rect.size.height;
-      break;
-    case 3:
-      x = rect.origin.y;
-      y = containerSize.width - rect.origin.x - rect.size.width;
-      size = swap(rect.size);
-      break;
-  }
-  return {
-    origin: {
-      x,
-      y
-    },
-    size: {
-      width: size.width,
-      height: size.height
-    }
-  };
-}
-function scaleRect(rect, scaleFactor) {
-  return {
-    origin: {
-      x: rect.origin.x * scaleFactor,
-      y: rect.origin.y * scaleFactor
-    },
-    size: {
-      width: rect.size.width * scaleFactor,
-      height: rect.size.height * scaleFactor
-    }
-  };
-}
-function transformRect(containerSize, rect, rotation, scaleFactor) {
-  return scaleRect(rotateRect(containerSize, rect, rotation), scaleFactor);
-}
-var PdfSoftHyphenMarker = "\xAD";
-var PdfZeroWidthSpace = "\u200B";
-var PdfWordJoiner = "\u2060";
-var PdfBomOrZwnbsp = "\uFEFF";
-var PdfNonCharacterFFFE = "\uFFFE";
-var PdfNonCharacterFFFF = "\uFFFF";
-var PdfUnwantedTextMarkers = Object.freeze([
-  PdfSoftHyphenMarker,
-  PdfZeroWidthSpace,
-  PdfWordJoiner,
-  PdfBomOrZwnbsp,
-  PdfNonCharacterFFFE,
-  PdfNonCharacterFFFF
-]);
-var PdfUnwantedTextRegex = new RegExp(`[${PdfUnwantedTextMarkers.join("")}]`, "g");
-var PdfAnnotationFlagName = Object.freeze({
-  [
-    1
-    /* INVISIBLE */
-  ]: "invisible",
-  [
-    2
-    /* HIDDEN */
-  ]: "hidden",
-  [
-    4
-    /* PRINT */
-  ]: "print",
-  [
-    8
-    /* NO_ZOOM */
-  ]: "noZoom",
-  [
-    16
-    /* NO_ROTATE */
-  ]: "noRotate",
-  [
-    32
-    /* NO_VIEW */
-  ]: "noView",
-  [
-    64
-    /* READ_ONLY */
-  ]: "readOnly",
-  [
-    128
-    /* LOCKED */
-  ]: "locked",
-  [
-    256
-    /* TOGGLE_NOVIEW */
-  ]: "toggleNoView"
-});
-var PdfAnnotationFlagValue = Object.entries(
-  PdfAnnotationFlagName
-).reduce(
-  (acc, [bit, name]) => {
-    acc[name] = Number(bit);
-    return acc;
-  },
-  {}
-);
+var import_models2 = require("@embedpdf/models");
 
 // src/lib/types.ts
 var ScrollStrategy = /* @__PURE__ */ ((ScrollStrategy2) => {
@@ -200,6 +40,7 @@ var ScrollStrategy = /* @__PURE__ */ ((ScrollStrategy2) => {
 })(ScrollStrategy || {});
 
 // src/lib/strategies/base-strategy.ts
+var import_models = require("@embedpdf/models");
 var BaseScrollStrategy = class {
   constructor(config) {
     this.pageGap = config.pageGap ?? 20;
@@ -320,9 +161,9 @@ var BaseScrollStrategy = class {
   getScrollPositionForPage(pageNumber, virtualItems, scale, rotation, pageCoordinates) {
     const pageRect = this.getRectLocationForPage(pageNumber, virtualItems);
     if (!pageRect) return null;
-    const scaledBasePosition = scalePosition(pageRect.origin, scale);
+    const scaledBasePosition = (0, import_models.scalePosition)(pageRect.origin, scale);
     if (pageCoordinates) {
-      const rotatedSize = transformPosition(
+      const rotatedSize = (0, import_models.transformPosition)(
         {
           width: pageRect.size.width,
           height: pageRect.size.height
@@ -347,8 +188,8 @@ var BaseScrollStrategy = class {
   getRectPositionForPage(pageNumber, virtualItems, scale, rotation, rect) {
     const pageRect = this.getRectLocationForPage(pageNumber, virtualItems);
     if (!pageRect) return null;
-    const scaledBasePosition = scalePosition(pageRect.origin, scale);
-    const rotatedSize = transformRect(
+    const scaledBasePosition = (0, import_models.scalePosition)(pageRect.origin, scale);
+    const rotatedSize = (0, import_models.transformRect)(
       {
         width: pageRect.size.width,
         height: pageRect.size.height
@@ -531,13 +372,15 @@ var ScrollPlugin = class extends import_core.BasePlugin {
     this.id = id;
     this.config = config;
     this.currentScale = 1;
-    this.currentRotation = Rotation.Degree0;
+    this.currentRotation = import_models2.Rotation.Degree0;
     this.currentPage = 1;
+    this.layoutReady = false;
     this.layout$ = (0, import_core.createBehaviorEmitter)();
     this.scroll$ = (0, import_core.createBehaviorEmitter)();
     this.state$ = (0, import_core.createBehaviorEmitter)();
     this.scrollerLayout$ = (0, import_core.createBehaviorEmitter)();
     this.pageChange$ = (0, import_core.createBehaviorEmitter)();
+    this.layoutReady$ = (0, import_core.createBehaviorEmitter)();
     this.viewport = this.registry.getPlugin("viewport").provides();
     this.strategyConfig = {
       pageGap: this.config?.pageGap ?? 10,
@@ -642,6 +485,11 @@ var ScrollPlugin = class extends import_core.BasePlugin {
     const pages = (0, import_core.getPagesWithRotatedSize)(this.coreState.core);
     this.refreshAll(pages, this.viewport.getMetrics());
   }
+  setLayoutReady() {
+    if (this.layoutReady) return;
+    this.layoutReady = true;
+    this.layoutReady$.emit(true);
+  }
   buildCapability() {
     return {
       onStateChange: this.state$.on,
@@ -649,6 +497,7 @@ var ScrollPlugin = class extends import_core.BasePlugin {
       onScroll: this.scroll$.on,
       onPageChange: this.pageChange$.on,
       onScrollerData: this.scrollerLayout$.on,
+      onLayoutReady: this.layoutReady$.on,
       getCurrentPage: () => this.currentPage,
       getTotalPages: () => this.state.totalPages,
       scrollToPage: (options) => {
@@ -736,6 +585,8 @@ var ScrollPlugin = class extends import_core.BasePlugin {
     this.scroll$.clear();
     this.pageChange$.clear();
     this.state$.clear();
+    this.scrollerLayout$.clear();
+    this.layoutReady$.clear();
     super.destroy();
   }
 };