genus-pdf-viewer 0.1.13 → 0.2.0

package/README.md

@@ -1,96 +1,128 @@
-# @genus/pdf-viewer
+# `genus-pdf-viewer`
 
-Angular PDF viewer built on pdf.js (`pdfjs-dist`) with a small API and worker setup that works in Amplify/Capacitor.
+Framework-agnostic PDF viewer built on `pdfjs-dist` with a custom element and a small TypeScript API.
 
 ## Install
 
 ```bash
-npm i pdfjs-dist
+npm install genus-pdf-viewer
 ```
 
-This library declares `pdfjs-dist` as a dependency and Angular as peer dependencies.
+The package ships `pdf.worker.min.mjs` and resolves it automatically from the built package. Override `workerSrc` only if your app needs a custom asset location.
 
-## Quick setup with ng add
+## Breaking Change
 
-```bash
-ng add genus-pdf-viewer
-```
-
-`ng add` will:
-- add `provideGenusPdfViewer()` to your app config when `app.config.ts` is found
-- copy `pdf.worker.min.js` and `pdf.worker.min.mjs` to your app assets/public path
+`0.2.0` replaces the older Angular-specific `0.1.x` package with a framework-agnostic runtime. If you still need the Angular library API from npm, stay on `0.1.13` or earlier.
 
-Optional flags:
-- `--project <name>` target a specific Angular app in a workspace
-- `--skipWorkerCopy` skip worker file copy
-- `--overwriteWorker` replace existing worker file
-
-## Worker setup (recommended: library provider)
-
-Use the provider shipped by the library, which sets a sensible default and allows overrides.
+## TypeScript Usage
 
 ```ts
-// main.ts or app.config.ts
-import { bootstrapApplication } from '@angular/platform-browser';
-import { provideGenusPdfViewer } from '@genus/pdf-viewer';
-import { AppComponent } from './app/app.component';
-
-bootstrapApplication(AppComponent, {
-  providers: [
-    provideGenusPdfViewer({
-      // optional overrides:
-      // workerSrc: '/assets/pdf.worker.min.mjs',
-      // tryModuleWorker: true,
-    })
-  ]
-});
+import { createGenusPdfViewer } from "genus-pdf-viewer";
+
+const root = document.getElementById("pdf-root");
+
+if (root) {
+  const viewer = createGenusPdfViewer(root, {
+    src: "https://mozilla.github.io/pdf.js/web/compressed.tracemonkey-pldi-09.pdf",
+    title: "Example PDF",
+    fit: "width",
+    continuous: false,
+    showToolbar: true,
+  });
+
+  viewer.addEventListener("genus-ready", (event) => {
+    console.log("ready", event.detail.pageCount);
+  });
+}
 ```
 
-Notes:
-- The package ships its own worker at `workers/pdf.worker.min.mjs` and uses it by default.
-- The provider then falls back to in-package fake-worker bootstrap, and finally tries `/assets/pdf.worker.min.js` or `/assets/pdf.worker.min.mjs`.
-- You can still override `workerSrc` if your app needs a custom location.
-- Optional CMaps: copy `node_modules/pdfjs-dist/cmaps` to `src/assets/cmaps/` and set `cMapUrl`/`cMapPacked` if you enable text layer.
-
-Manual alternative (not recommended): set `GlobalWorkerOptions.workerSrc` yourself at bootstrap.
+## Custom Element
 
-## Usage
+Register the element yourself when you want to use declarative markup without first calling `createGenusPdfViewer()`.
 
 ```ts
-import { GenusPdfViewerComponent } from '@genus/pdf-viewer';
+import { defineGenusPdfViewerElement } from "genus-pdf-viewer";
+
+defineGenusPdfViewerElement();
 ```
 
 ```html
 <genus-pdf-viewer
-  [src]="docUrl"
-  [fit]="'width'"
-  [continuous]="true"
-  [showToolbar]="true">
-</genus-pdf-viewer>
+  src="https://mozilla.github.io/pdf.js/web/compressed.tracemonkey-pldi-09.pdf"
+  title="Example PDF"
+  page="1"
+  zoom="1"
+  fit="width"
+  continuous="false"
+  toolbar="true"
+  download="true"
+></genus-pdf-viewer>
 ```
 
-Inputs: `src`, `page`, `zoom`, `maxZoom`, `minZoom`, `fit`, `disableTextLayer`, `continuous`, `showToolbar`.
-Additional network inputs: `withCredentials`, `httpHeaders`, `allowIframeFallback`.
+## API
+
+`createGenusPdfViewer(container, config)` appends and returns a `GenusPdfViewerElement`.
+
+Config fields:
+
+- `src`: `string | URL | Uint8Array | Blob`
+- `title?`: custom download and toolbar title
+- `page?`, `zoom?`, `minZoom?`, `maxZoom?`, `zoomStep?`
+- `fit?`: `"width" | "page" | "none"`
+- `continuous?`, `showToolbar?`, `allowDownload?`
+- `workerSrc?`: override the default worker URL
+- `withCredentials?`, `httpHeaders?`: network request options for URL sources
+
+Element methods:
 
-Methods (via `ViewChild`): `goTo(page)`, `zoomIn(step)`, `zoomOut(step)`.
+- `configure(config)`
+- `reload()`
+- `goToPage(page)`
+- `nextPage()`
+- `prevPage()`
+- `setZoom(zoom)`
+- `zoomIn()`
+- `zoomOut()`
+- `download()`
+- `destroy()`
 
-### Features
-- Continuous scrolling with width-fit for a doc-like reading experience.
-- Toolbar: zoom in/out, page nav, Download, Print.
-- Pan when zoomed: cursor changes to grab/grabbing; drag to scroll.
-- Automatic iframe fallback when CORS/network blocks pdf.js byte access.
+## Events
 
-## Build
+The viewer emits bubbling custom events:
+
+- `genus-ready`
+- `genus-pagechange`
+- `genus-zoomchange`
+- `genus-error`
+
+## Package Exports
+
+- `genus-pdf-viewer`: main TypeScript and custom-element API
+- `genus-pdf-viewer/pdf.worker.min.mjs`: worker asset if you need to host it yourself
+- `genus-pdf-viewer/styles.css`: packaged stylesheet export
+
+## Demo
 
 ```bash
-npm run sync:pdf-worker
-ng build genus-pdf-viewer
+npm run build
+npm run demo:serve
 ```
 
-Artifacts appear in `dist/genus-pdf-viewer`.
+Open `http://127.0.0.1:4175/examples/`.
 
-## Notes
+## Validate
 
-- The library can load without app-level worker asset copy; keeping `/assets/pdf.worker.min.mjs` is still recommended for best performance.
-- The library loads without manual worker asset copy in most setups because worker file is shipped with the package.
-- Ensure your server supports range requests for streaming PDFs.
+```bash
+npm run typecheck
+npm run test
+npm run build
+npm pack --dry-run
+```
+
+## Publish
+
+This repo is configured for the existing public npm package `genus-pdf-viewer`.
+
+```bash
+npm publish
+```

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { createGenusPdfViewer, defineGenusPdfViewerElement, GenusPdfViewerElement, } from "./viewer.js";
+export type { GenusPdfViewerConfig, GenusPdfViewerErrorEventDetail, GenusPdfViewerEventMap, GenusPdfViewerFit, GenusPdfViewerPageChangeEventDetail, GenusPdfViewerReadyEventDetail, GenusPdfViewerSource, GenusPdfViewerZoomChangeEventDetail, } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,2BAA2B,EAC3B,qBAAqB,GACtB,MAAM,aAAa,CAAC;AAErB,YAAY,EACV,oBAAoB,EACpB,8BAA8B,EAC9B,sBAAsB,EACtB,iBAAiB,EACjB,mCAAmC,EACnC,8BAA8B,EAC9B,oBAAoB,EACpB,mCAAmC,GACpC,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export { createGenusPdfViewer, defineGenusPdfViewerElement, GenusPdfViewerElement, } from "./viewer.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,2BAA2B,EAC3B,qBAAqB,GACtB,MAAM,aAAa,CAAC"}

package/dist/styles.css

@@ -0,0 +1,132 @@
+:host {
+  display: block;
+  color: #0f172a;
+  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+.shell {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  width: 100%;
+  min-height: 320px;
+  background: #f8fafc;
+  border: 1px solid #dbe4ee;
+  border-radius: 18px;
+  overflow: hidden;
+}
+
+.toolbar {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 10px 12px;
+  background: rgba(255, 255, 255, 0.92);
+  border-bottom: 1px solid #dbe4ee;
+}
+
+.toolbar[hidden] {
+  display: none;
+}
+
+.title {
+  font-size: 14px;
+  font-weight: 700;
+  color: #334155;
+  margin-right: auto;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.toolbar button {
+  appearance: none;
+  border: 1px solid #cbd5e1;
+  background: #ffffff;
+  color: #0f172a;
+  border-radius: 999px;
+  min-width: 36px;
+  height: 36px;
+  padding: 0 12px;
+  font: inherit;
+  font-weight: 700;
+  cursor: pointer;
+}
+
+.toolbar button:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+
+.toolbar button.primary {
+  background: #0f766e;
+  border-color: #0f766e;
+  color: #f8fafc;
+}
+
+.toolbar .value {
+  min-width: 56px;
+  text-align: center;
+  font-size: 13px;
+  color: #475569;
+}
+
+.stage {
+  position: relative;
+  min-height: 320px;
+  max-height: 80vh;
+  overflow: auto;
+  background:
+    radial-gradient(circle at top, rgba(15, 118, 110, 0.08), transparent 22%),
+    #eef2f7;
+  padding: 16px;
+}
+
+.stage.single {
+  display: grid;
+  place-items: center;
+}
+
+.page-stack {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  align-items: center;
+}
+
+.page {
+  background: #ffffff;
+  border-radius: 8px;
+  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
+}
+
+canvas {
+  display: block;
+  max-width: 100%;
+  height: auto;
+  border-radius: 8px;
+}
+
+.status {
+  position: absolute;
+  inset: 16px;
+  display: none;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+  border-radius: 12px;
+  background: rgba(248, 250, 252, 0.92);
+  color: #475569;
+  text-align: center;
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+.status.visible {
+  display: flex;
+}

package/dist/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const VIEWER_STYLES = "\n:host {\n  display: block;\n  color: #0f172a;\n  font-family: \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;\n}\n\n* {\n  box-sizing: border-box;\n}\n\n.shell {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  width: 100%;\n  min-height: 320px;\n  background: #f8fafc;\n  border: 1px solid #dbe4ee;\n  border-radius: 18px;\n  overflow: hidden;\n}\n\n.toolbar {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 12px;\n  background: rgba(255, 255, 255, 0.92);\n  border-bottom: 1px solid #dbe4ee;\n}\n\n.toolbar[hidden] {\n  display: none;\n}\n\n.title {\n  font-size: 14px;\n  font-weight: 700;\n  color: #334155;\n  margin-right: auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.toolbar button {\n  appearance: none;\n  border: 1px solid #cbd5e1;\n  background: #ffffff;\n  color: #0f172a;\n  border-radius: 999px;\n  min-width: 36px;\n  height: 36px;\n  padding: 0 12px;\n  font: inherit;\n  font-weight: 700;\n  cursor: pointer;\n}\n\n.toolbar button:disabled {\n  opacity: 0.45;\n  cursor: not-allowed;\n}\n\n.toolbar button.primary {\n  background: #0f766e;\n  border-color: #0f766e;\n  color: #f8fafc;\n}\n\n.toolbar .value {\n  min-width: 56px;\n  text-align: center;\n  font-size: 13px;\n  color: #475569;\n}\n\n.stage {\n  position: relative;\n  min-height: 320px;\n  max-height: 80vh;\n  overflow: auto;\n  background:\n    radial-gradient(circle at top, rgba(15, 118, 110, 0.08), transparent 22%),\n    #eef2f7;\n  padding: 16px;\n}\n\n.stage.single {\n  display: grid;\n  place-items: center;\n}\n\n.page-stack {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  align-items: center;\n}\n\n.page {\n  background: #ffffff;\n  border-radius: 8px;\n  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);\n}\n\ncanvas {\n  display: block;\n  max-width: 100%;\n  height: auto;\n  border-radius: 8px;\n}\n\n.status {\n  position: absolute;\n  inset: 16px;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n  border-radius: 12px;\n  background: rgba(248, 250, 252, 0.92);\n  color: #475569;\n  text-align: center;\n  font-size: 14px;\n  line-height: 1.5;\n}\n\n.status.visible {\n  display: flex;\n}\n";
+//# sourceMappingURL=styles.d.ts.map

package/dist/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,8sEAqIzB,CAAC"}

package/dist/styles.js

@@ -0,0 +1,135 @@
+export const VIEWER_STYLES = `
+:host {
+  display: block;
+  color: #0f172a;
+  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+.shell {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  width: 100%;
+  min-height: 320px;
+  background: #f8fafc;
+  border: 1px solid #dbe4ee;
+  border-radius: 18px;
+  overflow: hidden;
+}
+
+.toolbar {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 10px 12px;
+  background: rgba(255, 255, 255, 0.92);
+  border-bottom: 1px solid #dbe4ee;
+}
+
+.toolbar[hidden] {
+  display: none;
+}
+
+.title {
+  font-size: 14px;
+  font-weight: 700;
+  color: #334155;
+  margin-right: auto;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.toolbar button {
+  appearance: none;
+  border: 1px solid #cbd5e1;
+  background: #ffffff;
+  color: #0f172a;
+  border-radius: 999px;
+  min-width: 36px;
+  height: 36px;
+  padding: 0 12px;
+  font: inherit;
+  font-weight: 700;
+  cursor: pointer;
+}
+
+.toolbar button:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+
+.toolbar button.primary {
+  background: #0f766e;
+  border-color: #0f766e;
+  color: #f8fafc;
+}
+
+.toolbar .value {
+  min-width: 56px;
+  text-align: center;
+  font-size: 13px;
+  color: #475569;
+}
+
+.stage {
+  position: relative;
+  min-height: 320px;
+  max-height: 80vh;
+  overflow: auto;
+  background:
+    radial-gradient(circle at top, rgba(15, 118, 110, 0.08), transparent 22%),
+    #eef2f7;
+  padding: 16px;
+}
+
+.stage.single {
+  display: grid;
+  place-items: center;
+}
+
+.page-stack {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  align-items: center;
+}
+
+.page {
+  background: #ffffff;
+  border-radius: 8px;
+  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
+}
+
+canvas {
+  display: block;
+  max-width: 100%;
+  height: auto;
+  border-radius: 8px;
+}
+
+.status {
+  position: absolute;
+  inset: 16px;
+  display: none;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+  border-radius: 12px;
+  background: rgba(248, 250, 252, 0.92);
+  color: #475569;
+  text-align: center;
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+.status.visible {
+  display: flex;
+}
+`;
+//# sourceMappingURL=styles.js.map

package/dist/styles.js.map

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

package/dist/types.d.ts

@@ -0,0 +1,41 @@
+export type GenusPdfViewerFit = "width" | "page" | "none";
+export type GenusPdfViewerSource = string | URL | Uint8Array | Blob;
+export interface GenusPdfViewerConfig {
+    src: GenusPdfViewerSource;
+    title?: string;
+    page?: number;
+    zoom?: number;
+    minZoom?: number;
+    maxZoom?: number;
+    zoomStep?: number;
+    fit?: GenusPdfViewerFit;
+    continuous?: boolean;
+    showToolbar?: boolean;
+    allowDownload?: boolean;
+    workerSrc?: string;
+    withCredentials?: boolean;
+    httpHeaders?: Record<string, string>;
+}
+export interface GenusPdfViewerReadyEventDetail {
+    page: number;
+    pageCount: number;
+    zoom: number;
+}
+export interface GenusPdfViewerPageChangeEventDetail {
+    page: number;
+    pageCount: number;
+}
+export interface GenusPdfViewerZoomChangeEventDetail {
+    zoom: number;
+}
+export interface GenusPdfViewerErrorEventDetail {
+    error: unknown;
+    message: string;
+}
+export interface GenusPdfViewerEventMap {
+    ready: GenusPdfViewerReadyEventDetail;
+    pagechange: GenusPdfViewerPageChangeEventDetail;
+    zoomchange: GenusPdfViewerZoomChangeEventDetail;
+    error: GenusPdfViewerErrorEventDetail;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +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"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/dist/viewer.d.ts

@@ -0,0 +1,27 @@
+import type { GenusPdfViewerConfig } from "./types.js";
+export declare class GenusPdfViewerElement extends HTMLElement {
+    #private;
+    static get observedAttributes(): string[];
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    configure(config: GenusPdfViewerConfig): void;
+    reload(): Promise<void>;
+    goToPage(page: number): Promise<void>;
+    nextPage(): Promise<void>;
+    prevPage(): Promise<void>;
+    setZoom(zoom: number): Promise<void>;
+    zoomIn(): Promise<void>;
+    zoomOut(): Promise<void>;
+    download(): Promise<void>;
+    destroy(): Promise<void>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "genus-pdf-viewer": GenusPdfViewerElement;
+    }
+}
+export declare function defineGenusPdfViewerElement(tagName?: string): void;
+export declare function createGenusPdfViewer(container: HTMLElement, config: GenusPdfViewerConfig): GenusPdfViewerElement;
+//# sourceMappingURL=viewer.d.ts.map

package/dist/viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewer.d.ts","sourceRoot":"","sources":["../src/viewer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,oBAAoB,EAMrB,MAAM,YAAY,CAAC;AA2MpB,qBAAa,qBAAsB,SAAQ,WAAW;;IACpD,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;;IA+HD,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;CAgS/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"}