genus-pdf-viewer 0.2.3 → 0.2.10

package/dist/styles.js

@@ -1,6 +1,10 @@
 export const VIEWER_STYLES = `
 :host {
   display: block;
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+  min-height: 0;
   color: #0f172a;
   font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
 }
@@ -12,8 +16,8 @@ export const VIEWER_STYLES = `
 .shell {
   display: flex;
   flex-direction: column;
-  gap: 12px;
   width: 100%;
+  height: 100%;
   min-height: 320px;
   background: #f8fafc;
   border: 1px solid #dbe4ee;
@@ -25,14 +29,16 @@ export const VIEWER_STYLES = `
   display: flex;
   align-items: center;
   flex-wrap: nowrap;
-  gap: 8px;
-  padding: 10px 12px;
-  background: rgba(255, 255, 255, 0.92);
-  border-bottom: 1px solid #dbe4ee;
+  gap: 10px;
+  min-height: 56px;
+  padding: 10px 16px;
+  background: rgba(248, 250, 252, 0.98);
+  border-bottom: 1px solid #e2e8f0;
   position: sticky;
   top: 0;
   z-index: 2;
-  backdrop-filter: blur(14px);
+  backdrop-filter: blur(10px);
+  overflow: hidden;
 }
 
 .toolbar[hidden] {
@@ -42,7 +48,7 @@ export const VIEWER_STYLES = `
 .toolbar-group {
   display: flex;
   align-items: center;
-  gap: 6px;
+  gap: 8px;
   flex-wrap: nowrap;
   flex: 0 0 auto;
   min-width: 0;
@@ -50,35 +56,38 @@ export const VIEWER_STYLES = `
 
 .toolbar-group-actions {
   margin-left: auto;
+  padding-left: 4px;
 }
 
 .toolbar button {
   appearance: none;
-  border: 1px solid #cbd5e1;
+  border: 1px solid #d7dee8;
   background: #ffffff;
-  color: #0f172a;
-  border-radius: 999px;
-  min-width: 32px;
-  height: 34px;
-  padding: 0 10px;
+  color: #334155;
+  border-radius: 10px;
+  min-width: 36px;
+  height: 36px;
+  padding: 0 12px;
   font: inherit;
-  font-weight: 700;
+  font-size: 12px;
+  font-weight: 600;
   cursor: pointer;
   flex: 0 0 auto;
   transition:
-    transform 140ms ease,
     background-color 180ms ease,
     border-color 180ms ease,
-    box-shadow 180ms ease;
+    color 180ms ease;
+  white-space: nowrap;
 }
 
 .toolbar button:hover:not(:disabled) {
-  transform: translateY(-1px);
-  box-shadow: 0 10px 18px rgba(15, 23, 42, 0.08);
+  background: #f8fafc;
+  border-color: #cbd5e1;
+  color: #0f172a;
 }
 
 .toolbar button:active:not(:disabled) {
-  transform: translateY(0);
+  background: #f1f5f9;
 }
 
 .toolbar button:disabled {
@@ -87,23 +96,67 @@ export const VIEWER_STYLES = `
 }
 
 .toolbar button.primary {
-  background: #0f766e;
-  border-color: #0f766e;
-  color: #f8fafc;
+  background: #ffffff;
+  border-color: #d7dee8;
+  color: #0f766e;
+}
+
+.toolbar button.icon-button {
+  width: 36px;
+  min-width: 36px;
+  height: 36px;
+  padding: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 10px;
+}
+
+.toolbar button.icon-button svg {
+  width: 18px;
+  height: 18px;
+  display: block;
+}
+
+.toolbar button.compact {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+}
+
+.toolbar button.compact .button-icon {
+  width: 14px;
+  height: 14px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+}
+
+.toolbar button.compact .button-icon svg {
+  width: 14px;
+  height: 14px;
+  display: block;
+}
+
+.toolbar button.compact .button-label {
+  flex: 0 0 auto;
 }
 
 .toolbar .value {
   min-width: 56px;
   text-align: center;
-  font-size: 13px;
-  color: #475569;
+  font-size: 12px;
+  color: #64748b;
   flex: 0 0 auto;
+  font-variant-numeric: tabular-nums;
 }
 
 .stage {
+  flex: 1 1 auto;
   position: relative;
-  min-height: 320px;
-  max-height: 80vh;
+  min-height: 0;
   overflow: auto;
   scroll-behavior: smooth;
   overscroll-behavior: contain;
@@ -118,6 +171,10 @@ export const VIEWER_STYLES = `
   place-items: center;
 }
 
+.stage.native-stage {
+  display: block;
+}
+
 .page-stack {
   display: flex;
   flex-direction: column;
@@ -150,6 +207,53 @@ canvas {
   transition: filter 180ms ease;
 }
 
+.native-page {
+  width: 100%;
+  min-height: calc(100% - 32px);
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 12px;
+}
+
+.native-frame {
+  width: 100%;
+  min-height: 70vh;
+  flex: 1 1 auto;
+  border: 0;
+  border-radius: 12px;
+  background: #ffffff;
+}
+
+.native-actions {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+
+.native-note {
+  margin: 0;
+  color: #475569;
+  font-size: 13px;
+  line-height: 1.5;
+}
+
+.native-link {
+  display: inline-flex;
+  align-items: center;
+  min-height: 36px;
+  padding: 0 14px;
+  border-radius: 999px;
+  background: #0f766e;
+  color: #f8fafc;
+  font-size: 12px;
+  font-weight: 700;
+  text-decoration: none;
+  white-space: nowrap;
+}
+
 .status {
   position: absolute;
   inset: 16px;
@@ -169,28 +273,101 @@ canvas {
   display: flex;
 }
 
+:host([compact-ui]) .toolbar {
+  gap: 6px;
+  min-height: 52px;
+  padding: 10px 8px;
+}
+
+:host([compact-ui]) .toolbar-group {
+  gap: 6px;
+}
+
+:host([compact-ui]) .toolbar-group-actions {
+  margin-left: 0;
+  padding-left: 0;
+}
+
+:host([compact-ui]) .toolbar button {
+  min-width: 34px;
+  min-height: 36px;
+  height: 36px;
+  padding: 0 8px;
+  font-size: 11px;
+  border-radius: 9px;
+}
+
+:host([compact-ui]) .toolbar button.icon-button {
+  width: 36px;
+  min-width: 36px;
+  height: 36px;
+  padding: 0;
+}
+
+:host([compact-ui]) .toolbar button.compact {
+  width: 36px;
+  min-width: 36px;
+  padding: 0;
+  gap: 0;
+}
+
+:host([compact-ui]) .toolbar button.compact .button-label {
+  display: none;
+}
+
+:host([compact-ui]) .toolbar .value {
+  min-width: 42px;
+  font-size: 11px;
+}
+
+:host([compact-ui]) .stage {
+  padding: 12px;
+}
+
 @media (max-width: 720px) {
   .toolbar {
-    gap: 6px;
-    padding: 8px 10px;
+    gap: 4px;
+    min-height: 44px;
+    padding: 8px;
+  }
+
+  .toolbar-group {
+    gap: 4px;
   }
 
   .toolbar button {
     min-width: 30px;
     min-height: 32px;
     height: 32px;
-    padding: 0 8px;
-    font-size: 12px;
+    padding: 0 7px;
+    font-size: 11px;
+    border-radius: 8px;
+  }
+
+  .toolbar button.icon-button {
+    width: 32px;
+    min-width: 32px;
+    height: 32px;
+    padding: 0;
+  }
+
+  .toolbar button.compact {
+    width: 32px;
+    min-width: 32px;
+    padding: 0;
+    gap: 0;
+  }
+
+  .toolbar button.compact .button-label {
+    display: none;
   }
 
   .toolbar .value {
-    min-width: 48px;
-    font-size: 12px;
+    min-width: 40px;
+    font-size: 11px;
   }
 
   .stage {
-    max-height: none;
-    min-height: 60vh;
     padding: 12px;
   }
 }

package/dist/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgN5B,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiY5B,CAAC"}

package/dist/types.d.ts

@@ -13,6 +13,7 @@ export interface GenusPdfViewerConfig {
     showToolbar?: boolean;
     allowDownload?: boolean;
     workerSrc?: string;
+    proxyUrl?: string | false;
     withCredentials?: boolean;
     httpHeaders?: Record<string, string>;
 }
@@ -31,6 +32,8 @@ export interface GenusPdfViewerZoomChangeEventDetail {
 export interface GenusPdfViewerErrorEventDetail {
     error: unknown;
     message: string;
+    code?: "cors" | "network" | "unknown";
+    sourceUrl?: string;
 }
 export interface GenusPdfViewerEventMap {
     ready: GenusPdfViewerReadyEventDetail;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE1D,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,GAAG,GAAG,UAAU,GAAG,IAAI,CAAC;AAEpE,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,oBAAoB,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,iBAAiB,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,8BAA8B;IAC7C,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,mCAAmC;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,mCAAmC;IAClD,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,8BAA8B;IAC7C,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,8BAA8B,CAAC;IACtC,UAAU,EAAE,mCAAmC,CAAC;IAChD,UAAU,EAAE,mCAAmC,CAAC;IAChD,KAAK,EAAE,8BAA8B,CAAC;CACvC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE1D,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,GAAG,GAAG,UAAU,GAAG,IAAI,CAAC;AAEpE,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,oBAAoB,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,iBAAiB,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,8BAA8B;IAC7C,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,mCAAmC;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,mCAAmC;IAClD,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,8BAA8B;IAC7C,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,8BAA8B,CAAC;IACtC,UAAU,EAAE,mCAAmC,CAAC;IAChD,UAAU,EAAE,mCAAmC,CAAC;IAChD,KAAK,EAAE,8BAA8B,CAAC;CACvC"}

package/dist/viewer.d.ts

@@ -1,4 +1,10 @@
 import type { GenusPdfViewerConfig } from "./types.js";
+export declare const PDF_WORKER_BOOTSTRAP_ASSET_PATH = "assets/pdf.worker.bootstrap.mjs";
+export type ResolveDefaultPdfWorkerSrcOptions = {
+    moduleUrl?: string;
+    baseUri?: string;
+};
+export declare function resolveDefaultPdfWorkerSrc(options?: ResolveDefaultPdfWorkerSrcOptions): string;
 export declare class GenusPdfViewerElement extends HTMLElement {
     #private;
     static get observedAttributes(): string[];

package/dist/viewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"viewer.d.ts","sourceRoot":"","sources":["../src/viewer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,oBAAoB,EAMrB,MAAM,YAAY,CAAC;AA+MpB,qBAAa,qBAAsB,SAAQ,WAAW;;IACpD,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;;IAiID,iBAAiB,IAAI,IAAI;IAkBzB,oBAAoB,IAAI,IAAI;IAK5B,wBAAwB,IAAI,IAAI;IAOhC,SAAS,CAAC,MAAM,EAAE,oBAAoB,GAAG,IAAI;IA+DvC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAIvB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAqBrC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAQzB,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAQzB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAiBpC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAWvB,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAWxB,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IA8BzB,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;CAiV/B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF;AAED,wBAAgB,2BAA2B,CAAC,OAAO,SAAuB,GAAG,IAAI,CAIhF;AAED,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,WAAW,EACtB,MAAM,EAAE,oBAAoB,GAC3B,qBAAqB,CAMvB"}
+{"version":3,"file":"viewer.d.ts","sourceRoot":"","sources":["../src/viewer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,oBAAoB,EAMrB,MAAM,YAAY,CAAC;AAGpB,eAAO,MAAM,+BAA+B,oCAAoC,CAAC;AAwVjF,MAAM,MAAM,iCAAiC,GAAG;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAWF,wBAAgB,0BAA0B,CACxC,OAAO,GAAE,iCAAsC,GAC9C,MAAM,CAgBR;AAgUD,qBAAa,qBAAsB,SAAQ,WAAW;;IACpD,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAYxC;;IAqKD,iBAAiB,IAAI,IAAI;IAqBzB,oBAAoB,IAAI,IAAI;IAM5B,wBAAwB,IAAI,IAAI;IAOhC,SAAS,CAAC,MAAM,EAAE,oBAAoB,GAAG,IAAI;IAgEvC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAIvB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAqBrC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAQzB,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAQzB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAiBpC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAWvB,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAWxB,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAkCzB,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;CAkiB/B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF;AAED,wBAAgB,2BAA2B,CAAC,OAAO,SAAuB,GAAG,IAAI,CAIhF;AAED,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,WAAW,EACtB,MAAM,EAAE,oBAAoB,GAC3B,qBAAqB,CAMvB"}