@design.estate/dees-catalog 3.41.2 → 3.41.3

package/dist_bundle/bundle.js

@@ -136810,6 +136810,7 @@ var viewerStyles = [
       border-radius: 4px;
       overflow: hidden;
       display: inline-block;
+      position: relative;
     }
 
     .page-canvas {
@@ -136818,6 +136819,52 @@ var viewerStyles = [
       image-rendering: crisp-edges;
     }
 
+    /* Text layer for selection */
+    .text-layer {
+      position: absolute;
+      inset: 0;
+      overflow: visible;
+      line-height: 1;
+      text-size-adjust: none;
+      forced-color-adjust: none;
+      transform-origin: 0 0;
+      z-index: 1;
+      user-select: text;
+      -webkit-user-select: text;
+    }
+
+    .text-layer span,
+    .text-layer br {
+      color: transparent;
+      position: absolute;
+      white-space: pre;
+      cursor: text;
+      transform-origin: 0% 0%;
+      user-select: text;
+      -webkit-user-select: text;
+    }
+
+    .text-layer ::selection {
+      background: rgba(0, 100, 200, 0.3);
+    }
+
+    .text-layer br::selection {
+      background: transparent;
+    }
+
+    .text-layer .endOfContent {
+      display: block;
+      position: absolute;
+      inset: 100% 0 0;
+      z-index: 0;
+      cursor: default;
+      user-select: none;
+    }
+
+    .text-layer.selecting .endOfContent {
+      top: 0;
+    }
+
     .pdf-viewer.with-sidebar .viewer-main {
       margin-left: 0;
     }
@@ -136923,6 +136970,7 @@ var DeesPdfViewer = class extends (_a73 = DeesElement, _pdfUrl_dec = [n5({ type:
     __publicField(this, "currentRenderPromise", null);
     __publicField(this, "thumbnailRenderTasks", []);
     __publicField(this, "pageRenderTasks", /* @__PURE__ */ new Map());
+    __publicField(this, "textLayerRenderTasks", /* @__PURE__ */ new Map());
     __publicField(this, "canvas");
     __publicField(this, "ctx");
     __publicField(this, "viewerMain", null);
@@ -137095,6 +137143,7 @@ var DeesPdfViewer = class extends (_a73 = DeesElement, _pdfUrl_dec = [n5({ type:
                     <div class="page-wrapper" data-page="${item.page}">
                       <div class="canvas-container">
                         <canvas class="page-canvas" data-page="${item.page}"></canvas>
+                        <div class="text-layer" data-page="${item.page}"></div>
                       </div>
                     </div>
                   `
@@ -137167,7 +137216,8 @@ var DeesPdfViewer = class extends (_a73 = DeesElement, _pdfUrl_dec = [n5({ type:
       this.pageData = Array.from({ length: this.totalPages }, (_4, i11) => ({
         page: i11 + 1,
         rendered: false,
-        rendering: false
+        rendering: false,
+        textLayerRendered: false
       }));
       this.loading = false;
       await this.updateComplete;
@@ -137273,6 +137323,7 @@ var DeesPdfViewer = class extends (_a73 = DeesElement, _pdfUrl_dec = [n5({ type:
       pageInfo.rendered = true;
       pageInfo.rendering = false;
       this.pageRenderTasks.delete(pageNum);
+      await this.renderTextLayer(pageNum);
       this.requestUpdate("pageData");
     } catch (error) {
       if (error?.name !== "RenderingCancelledException") {
@@ -137282,6 +137333,100 @@ var DeesPdfViewer = class extends (_a73 = DeesElement, _pdfUrl_dec = [n5({ type:
       this.pageRenderTasks.delete(pageNum);
     }
   }
+  async renderTextLayer(pageNum) {
+    const pageInfo = this.pageData.find((p7) => p7.page === pageNum);
+    if (!pageInfo || pageInfo.textLayerRendered) return;
+    try {
+      const textLayerDiv = this.shadowRoot?.querySelector(
+        `.text-layer[data-page="${pageNum}"]`
+      );
+      if (!textLayerDiv) return;
+      textLayerDiv.innerHTML = "";
+      const page = await this.pdfDocument.getPage(pageNum);
+      const textContent = await page.getTextContent();
+      const viewport = this.computeViewport(page);
+      const pdfjs = await import("https://cdn.jsdelivr.net/npm/pdfjs-dist@4.0.379/+esm");
+      textLayerDiv.style.width = `${viewport.width}px`;
+      textLayerDiv.style.height = `${viewport.height}px`;
+      textLayerDiv.style.setProperty("--scale-factor", String(viewport.scale));
+      const textLayerRenderTask = pdfjs.renderTextLayer({
+        textContentSource: textContent,
+        container: textLayerDiv,
+        viewport
+      });
+      this.textLayerRenderTasks.set(pageNum, textLayerRenderTask);
+      await textLayerRenderTask.promise;
+      const endOfContent = document.createElement("div");
+      endOfContent.className = "endOfContent";
+      textLayerDiv.appendChild(endOfContent);
+      let isDragging = false;
+      let anchorNode = null;
+      let anchorOffset = 0;
+      const getTextPositionFromPoint = (x3, y5) => {
+        const spans = Array.from(textLayerDiv.querySelectorAll("span"));
+        for (const span of spans) {
+          const rect = span.getBoundingClientRect();
+          if (x3 >= rect.left && x3 <= rect.right && y5 >= rect.top && y5 <= rect.bottom) {
+            const textNode = span.firstChild;
+            if (textNode && textNode.nodeType === Node.TEXT_NODE) {
+              const text9 = textNode.textContent || "";
+              const charWidth = rect.width / text9.length;
+              const relativeX = x3 - rect.left;
+              const offset = Math.min(Math.round(relativeX / charWidth), text9.length);
+              return { node: textNode, offset };
+            }
+          }
+        }
+        return null;
+      };
+      const handleMouseUp = () => {
+        if (isDragging) {
+          isDragging = false;
+          anchorNode = null;
+          textLayerDiv.classList.remove("selecting");
+        }
+        document.removeEventListener("mouseup", handleMouseUp);
+        document.removeEventListener("mousemove", handleMouseMove);
+      };
+      const handleMouseMove = (e11) => {
+        if (!isDragging || !anchorNode) return;
+        e11.preventDefault();
+        const pos = getTextPositionFromPoint(e11.clientX, e11.clientY);
+        if (pos) {
+          const selection = window.getSelection();
+          if (selection) {
+            try {
+              selection.setBaseAndExtent(anchorNode, anchorOffset, pos.node, pos.offset);
+            } catch (err) {
+            }
+          }
+        }
+      };
+      textLayerDiv.addEventListener("mousedown", (e11) => {
+        if (e11.button !== 0) return;
+        const pos = getTextPositionFromPoint(e11.clientX, e11.clientY);
+        if (pos) {
+          e11.preventDefault();
+          isDragging = true;
+          anchorNode = pos.node;
+          anchorOffset = pos.offset;
+          textLayerDiv.classList.add("selecting");
+          const selection = window.getSelection();
+          selection?.removeAllRanges();
+          document.addEventListener("mousemove", handleMouseMove);
+          document.addEventListener("mouseup", handleMouseUp);
+        }
+      });
+      pageInfo.textLayerRendered = true;
+      page.cleanup?.();
+      this.textLayerRenderTasks.delete(pageNum);
+    } catch (error) {
+      if (error?.name !== "RenderingCancelledException") {
+        console.error(`Error rendering text layer for page ${pageNum}:`, error);
+      }
+      this.textLayerRenderTasks.delete(pageNum);
+    }
+  }
   updateCurrentPage() {
     if (!this.viewerMain) return;
     const scrollTop = this.viewerMain.scrollTop;
@@ -137478,6 +137623,7 @@ var DeesPdfViewer = class extends (_a73 = DeesElement, _pdfUrl_dec = [n5({ type:
     this.pageData.forEach((page) => {
       page.rendered = false;
       page.rendering = false;
+      page.textLayerRendered = false;
     });
     this.pageRenderTasks.forEach((task) => {
       try {
@@ -137486,55 +137632,130 @@ var DeesPdfViewer = class extends (_a73 = DeesElement, _pdfUrl_dec = [n5({ type:
       }
     });
     this.pageRenderTasks.clear();
+    this.textLayerRenderTasks.forEach((task) => {
+      try {
+        task.cancel?.();
+      } catch (error) {
+      }
+    });
+    this.textLayerRenderTasks.clear();
     this.requestUpdate();
     this.updateComplete.then(() => {
       this.renderVisiblePages();
     });
   }
-  downloadPdf() {
-    const link3 = document.createElement("a");
-    link3.href = this.pdfUrl;
-    link3.download = this.pdfUrl.split("/").pop() || "document.pdf";
-    link3.click();
+  async downloadPdf() {
+    if (!this.pdfDocument) return;
+    try {
+      const data = await this.pdfDocument.getData();
+      const blob = new Blob([data.buffer], { type: "application/pdf" });
+      const blobUrl = URL.createObjectURL(blob);
+      const link3 = document.createElement("a");
+      link3.href = blobUrl;
+      link3.download = this.pdfUrl ? this.pdfUrl.split("/").pop() || "document.pdf" : "document.pdf";
+      link3.click();
+      setTimeout(() => URL.revokeObjectURL(blobUrl), 1e3);
+    } catch (error) {
+      console.error("Error downloading PDF:", error);
+    }
   }
-  printPdf() {
-    window.open(this.pdfUrl, "_blank")?.print();
+  async printPdf() {
+    if (!this.pdfDocument) return;
+    try {
+      const data = await this.pdfDocument.getData();
+      const blob = new Blob([data.buffer], { type: "application/pdf" });
+      const pdfUrl = URL.createObjectURL(blob);
+      const htmlContent = `
+        <!DOCTYPE html>
+        <html>
+        <head>
+          <title>Print PDF</title>
+          <style>
+            * { margin: 0; padding: 0; }
+            html, body { width: 100%; height: 100%; overflow: hidden; }
+            iframe { width: 100%; height: 100%; border: none; }
+            @media print {
+              html, body, iframe { width: 100%; height: 100%; }
+            }
+          </style>
+        </head>
+        <body>
+          <iframe src="${pdfUrl}" type="application/pdf"></iframe>
+          <script>
+            window.onload = function() {
+              setTimeout(function() {
+                window.focus();
+                window.print();
+              }, 500);
+            };
+            window.onafterprint = function() {
+              window.close();
+            };
+            // Safety close after 2 minutes
+            setTimeout(function() { window.close(); }, 120000);
+          <\/script>
+        </body>
+        </html>
+      `;
+      const htmlBlob = new Blob([htmlContent], { type: "text/html" });
+      const htmlUrl = URL.createObjectURL(htmlBlob);
+      const printWindow = window.open(htmlUrl, "_blank", "width=800,height=600");
+      if (printWindow) {
+        const checkClosed = setInterval(() => {
+          if (printWindow.closed) {
+            clearInterval(checkClosed);
+            URL.revokeObjectURL(pdfUrl);
+            URL.revokeObjectURL(htmlUrl);
+          }
+        }, 500);
+        setTimeout(() => {
+          clearInterval(checkClosed);
+          URL.revokeObjectURL(pdfUrl);
+          URL.revokeObjectURL(htmlUrl);
+        }, 12e4);
+      } else {
+        window.open(pdfUrl, "_blank");
+        setTimeout(() => URL.revokeObjectURL(pdfUrl), 6e4);
+        URL.revokeObjectURL(htmlUrl);
+      }
+    } catch (error) {
+      console.error("Error printing PDF:", error);
+    }
   }
   /**
    * Provide context menu items for right-click functionality
    */
   getContextMenuItems() {
-    return [
-      {
-        name: "Open PDF in New Tab",
-        iconName: "lucide:ExternalLink",
-        action: async () => {
-          window.open(this.pdfUrl, "_blank");
-        }
-      },
-      { divider: true },
-      {
-        name: "Copy PDF URL",
+    const items = [];
+    const selection = window.getSelection();
+    const selectedText = selection?.toString() || "";
+    if (selectedText) {
+      items.push({
+        name: "Copy",
         iconName: "lucide:Copy",
         action: async () => {
-          await navigator.clipboard.writeText(this.pdfUrl);
+          await navigator.clipboard.writeText(selectedText);
         }
-      },
+      });
+      items.push({ divider: true });
+    }
+    items.push(
       {
         name: "Download PDF",
         iconName: "lucide:Download",
         action: async () => {
-          this.downloadPdf();
+          await this.downloadPdf();
         }
       },
       {
         name: "Print PDF",
         iconName: "lucide:Printer",
         action: async () => {
-          this.printPdf();
+          await this.printPdf();
         }
       }
-    ];
+    );
+    return items;
   }
   get canZoomIn() {
     return this.viewportMode !== "custom" || this.currentZoom < this.MANUAL_MAX_ZOOM;
@@ -137658,6 +137879,13 @@ var DeesPdfViewer = class extends (_a73 = DeesElement, _pdfUrl_dec = [n5({ type:
       }
     });
     this.pageRenderTasks.clear();
+    this.textLayerRenderTasks.forEach((task) => {
+      try {
+        task.cancel?.();
+      } catch (error) {
+      }
+    });
+    this.textLayerRenderTasks.clear();
     for (const task of this.thumbnailRenderTasks || []) {
       try {
         task.cancel();
@@ -147636,7 +147864,7 @@ init_group_runtime();
 // ts_web/00_commitinfo_data.ts
 var commitinfo = {
   name: "@design.estate/dees-catalog",
-  version: "3.41.2",
+  version: "3.41.3",
   description: "A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript."
 };
 export {
@@ -147881,4 +148109,4 @@ ibantools/jsnext/ibantools.js:
    * @preferred
    *)
 */
-//# sourceMappingURL=bundle-1769617037472.js.map
+//# sourceMappingURL=bundle-1769672791046.js.map

package/dist_ts_web/00_commitinfo_data.js

@@ -3,7 +3,7 @@
  */
 export const commitinfo = {
     name: '@design.estate/dees-catalog',
-    version: '3.41.2',
+    version: '3.41.3',
     description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
 };
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNkJBQTZCO0lBQ25DLE9BQU8sRUFBRSxRQUFRO0lBQ2pCLFdBQVcsRUFBRSxzSkFBc0o7Q0FDcEssQ0FBQSJ9

package/dist_ts_web/elements/00group-media/dees-pdf-viewer/component.d.ts

@@ -27,6 +27,7 @@ export declare class DeesPdfViewer extends DeesElement {
         page: number;
         rendered: boolean;
         rendering: boolean;
+        textLayerRendered: boolean;
     }>;
     private pdfDocument;
     private renderState;
@@ -37,6 +38,7 @@ export declare class DeesPdfViewer extends DeesElement {
     private currentRenderPromise;
     private thumbnailRenderTasks;
     private pageRenderTasks;
+    private textLayerRenderTasks;
     private canvas;
     private ctx;
     private viewerMain;
@@ -60,6 +62,7 @@ export declare class DeesPdfViewer extends DeesElement {
     private setupIntersectionObserver;
     private renderVisiblePages;
     private renderPageIfNeeded;
+    private renderTextLayer;
     private handleScroll;
     private updateCurrentPage;
     private scrollThumbnailIntoView;
@@ -80,17 +83,7 @@ export declare class DeesPdfViewer extends DeesElement {
     /**
      * Provide context menu items for right-click functionality
      */
-    getContextMenuItems(): ({
-        name: string;
-        iconName: string;
-        action: () => Promise<void>;
-        divider?: undefined;
-    } | {
-        divider: boolean;
-        name?: undefined;
-        iconName?: undefined;
-        action?: undefined;
-    })[];
+    getContextMenuItems(): any[];
     private get canZoomIn();
     private get canZoomOut();
     private ensureViewerRefs;