@a3s-lab/office 0.2.2 → 0.4.0

package/dist/vue.d.ts

@@ -1,10 +1,12 @@
 import type { Extensions } from '@tiptap/core';
-import { type DocumentLayoutFont, type OfficeFileAction } from './react';
-import type { DocumentContent, EditorAgentRequest, GetDocumentSelectionMenuItems, GetMarkdownSelectionMenuItems, MarkdownContent, PresentationContent, SpreadsheetContent } from './core';
 import { type PropType } from 'vue';
+import type { DocumentContent, DocumentReviewConflictEvent, EditorAgentRequest, GetDocumentSelectionMenuItems, GetMarkdownSelectionMenuItems, MarkdownContent, OfficeCollaborationPresence, OfficeCollaborationSession, PdfCollaborationContent, PresentationContent, SpreadsheetContent } from './core';
 import type { OfficeTheme } from './office-surface';
+import { type DocumentLayoutFont, type OfficeFileAction, type PdfEvidenceOverlay, type PdfEvidenceRegion } from './react';
 export declare const DocumentEditor: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     artifactId: StringConstructor;
+    collaboration: PropType<OfficeCollaborationSession>;
+    presence: PropType<OfficeCollaborationPresence>;
     content: {
         required: true;
         type: PropType<DocumentContent>;
@@ -37,9 +39,12 @@ export declare const DocumentEditor: import("vue").DefineComponent<import("vue")
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     agentRequest: (_request: EditorAgentRequest) => true;
     change: (_content: DocumentContent) => true;
+    reviewConflict: (_event: DocumentReviewConflictEvent) => true;
     'update:content': (_content: DocumentContent) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     artifactId: StringConstructor;
+    collaboration: PropType<OfficeCollaborationSession>;
+    presence: PropType<OfficeCollaborationPresence>;
     content: {
         required: true;
         type: PropType<DocumentContent>;
@@ -70,15 +75,18 @@ export declare const DocumentEditor: import("vue").DefineComponent<import("vue")
 }>> & Readonly<{
     onChange?: ((_content: DocumentContent) => any) | undefined;
     onAgentRequest?: ((_request: EditorAgentRequest) => any) | undefined;
+    onReviewConflict?: ((_event: DocumentReviewConflictEvent) => any) | undefined;
     "onUpdate:content"?: ((_content: DocumentContent) => any) | undefined;
 }>, {
     theme: OfficeTheme;
-    layoutFonts: readonly DocumentLayoutFont[];
     extensions: Extensions;
+    layoutFonts: readonly DocumentLayoutFont[];
     fileActions: readonly OfficeFileAction[];
     preview: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const MarkdownEditor: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    collaboration: PropType<OfficeCollaborationSession>;
+    presence: PropType<OfficeCollaborationPresence>;
     content: {
         required: true;
         type: PropType<MarkdownContent>;
@@ -107,6 +115,8 @@ export declare const MarkdownEditor: import("vue").DefineComponent<import("vue")
     change: (_content: MarkdownContent) => true;
     'update:content': (_content: MarkdownContent) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    collaboration: PropType<OfficeCollaborationSession>;
+    presence: PropType<OfficeCollaborationPresence>;
     content: {
         required: true;
         type: PropType<MarkdownContent>;
@@ -139,6 +149,8 @@ export declare const MarkdownEditor: import("vue").DefineComponent<import("vue")
     preview: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const SpreadsheetEditor: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    collaboration: PropType<OfficeCollaborationSession>;
+    presence: PropType<OfficeCollaborationPresence>;
     content: {
         required: true;
         type: PropType<SpreadsheetContent>;
@@ -164,6 +176,8 @@ export declare const SpreadsheetEditor: import("vue").DefineComponent<import("vu
     change: (_content: SpreadsheetContent) => true;
     'update:content': (_content: SpreadsheetContent) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    collaboration: PropType<OfficeCollaborationSession>;
+    presence: PropType<OfficeCollaborationPresence>;
     content: {
         required: true;
         type: PropType<SpreadsheetContent>;
@@ -192,6 +206,8 @@ export declare const SpreadsheetEditor: import("vue").DefineComponent<import("vu
     preview: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const PresentationEditor: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    collaboration: PropType<OfficeCollaborationSession>;
+    presence: PropType<OfficeCollaborationPresence>;
     content: {
         required: true;
         type: PropType<PresentationContent>;
@@ -218,6 +234,8 @@ export declare const PresentationEditor: import("vue").DefineComponent<import("v
     startSlideshow: () => true;
     'update:content': (_content: PresentationContent) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    collaboration: PropType<OfficeCollaborationSession>;
+    presence: PropType<OfficeCollaborationPresence>;
     content: {
         required: true;
         type: PropType<PresentationContent>;
@@ -247,6 +265,9 @@ export declare const PresentationEditor: import("vue").DefineComponent<import("v
     preview: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const PdfViewer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    collaboration: PropType<OfficeCollaborationSession>;
+    evidenceOverlay: PropType<PdfEvidenceOverlay>;
+    presence: PropType<OfficeCollaborationPresence>;
     fileName: StringConstructor;
     loadSource: {
         required: true;
@@ -254,15 +275,27 @@ export declare const PdfViewer: import("vue").DefineComponent<import("vue").Extr
     };
     onSave: PropType<(pdf: Blob) => Promise<boolean>>;
     saveLabel: StringConstructor;
+    selectedEvidenceRegionId: StringConstructor;
     sourceKey: StringConstructor;
     theme: {
         readonly default: "system";
         readonly type: PropType<OfficeTheme>;
     };
     wasmUrl: StringConstructor;
+    worker: {
+        default: undefined;
+        type: PropType<boolean | undefined>;
+    };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    collaborationChange: (_content: PdfCollaborationContent) => true;
+    evidenceRegionSelect: (_region: PdfEvidenceRegion) => true;
+    pageChange: (_pageNumber: number) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    collaboration: PropType<OfficeCollaborationSession>;
+    evidenceOverlay: PropType<PdfEvidenceOverlay>;
+    presence: PropType<OfficeCollaborationPresence>;
     fileName: StringConstructor;
     loadSource: {
         required: true;
@@ -270,13 +303,23 @@ export declare const PdfViewer: import("vue").DefineComponent<import("vue").Extr
     };
     onSave: PropType<(pdf: Blob) => Promise<boolean>>;
     saveLabel: StringConstructor;
+    selectedEvidenceRegionId: StringConstructor;
     sourceKey: StringConstructor;
     theme: {
         readonly default: "system";
         readonly type: PropType<OfficeTheme>;
     };
     wasmUrl: StringConstructor;
-}>> & Readonly<{}>, {
+    worker: {
+        default: undefined;
+        type: PropType<boolean | undefined>;
+    };
+}>> & Readonly<{
+    onCollaborationChange?: ((_content: PdfCollaborationContent) => any) | undefined;
+    onEvidenceRegionSelect?: ((_region: PdfEvidenceRegion) => any) | undefined;
+    onPageChange?: ((_pageNumber: number) => any) | undefined;
+}>, {
     theme: OfficeTheme;
+    worker: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export { DocumentEditor as A3SDocumentEditor, MarkdownEditor as A3SMarkdownEditor, PdfViewer as A3SPdfViewer, PresentationEditor as A3SPresentationEditor, SpreadsheetEditor as A3SSpreadsheetEditor, };

package/dist/vue.js

@@ -39,6 +39,8 @@ const DocumentEditor = defineComponent({
     name: 'A3SDocumentEditor',
     props: {
         artifactId: String,
+        collaboration: Object,
+        presence: Object,
         content: {
             required: true,
             type: Object
@@ -64,11 +66,14 @@ const DocumentEditor = defineComponent({
     emits: {
         agentRequest: (_request)=>true,
         change: (_content)=>true,
+        reviewConflict: (_event)=>true,
         'update:content': (_content)=>true
     },
     setup (props, { emit }) {
         return createReactRenderer(()=>createElement(react_DocumentEditor, {
                 artifactId: props.artifactId,
+                collaboration: props.collaboration,
+                presence: props.presence,
                 content: props.content,
                 extensions: props.extensions,
                 fileActions: props.fileActions,
@@ -76,6 +81,7 @@ const DocumentEditor = defineComponent({
                 kernelWasmUrl: props.kernelWasmUrl,
                 layoutFonts: props.layoutFonts,
                 onAgentRequest: (request)=>emit('agentRequest', request),
+                onReviewConflict: (event)=>emit('reviewConflict', event),
                 onChange: (content)=>{
                     emit('update:content', content);
                     emit('change', content);
@@ -89,6 +95,8 @@ const DocumentEditor = defineComponent({
 const MarkdownEditor = defineComponent({
     name: 'A3SMarkdownEditor',
     props: {
+        collaboration: Object,
+        presence: Object,
         content: {
             required: true,
             type: Object
@@ -112,6 +120,8 @@ const MarkdownEditor = defineComponent({
     },
     setup (props, { emit }) {
         return createReactRenderer(()=>createElement(react_MarkdownEditor, {
+                collaboration: props.collaboration,
+                presence: props.presence,
                 content: props.content,
                 extensions: props.extensions,
                 fileActions: props.fileActions,
@@ -129,6 +139,8 @@ const MarkdownEditor = defineComponent({
 const SpreadsheetEditor = defineComponent({
     name: 'A3SSpreadsheetEditor',
     props: {
+        collaboration: Object,
+        presence: Object,
         content: {
             required: true,
             type: Object
@@ -149,6 +161,8 @@ const SpreadsheetEditor = defineComponent({
     },
     setup (props, { emit }) {
         return createReactRenderer(()=>createElement(react_SpreadsheetEditor, {
+                collaboration: props.collaboration,
+                presence: props.presence,
                 content: props.content,
                 fileActions: props.fileActions,
                 kernelWasmUrl: props.kernelWasmUrl,
@@ -166,6 +180,8 @@ const SpreadsheetEditor = defineComponent({
 const PresentationEditor = defineComponent({
     name: 'A3SPresentationEditor',
     props: {
+        collaboration: Object,
+        presence: Object,
         content: {
             required: true,
             type: Object
@@ -187,6 +203,8 @@ const PresentationEditor = defineComponent({
     },
     setup (props, { emit }) {
         return createReactRenderer(()=>createElement(react_PresentationEditor, {
+                collaboration: props.collaboration,
+                presence: props.presence,
                 content: props.content,
                 fileActions: props.fileActions,
                 kernelWasmUrl: props.kernelWasmUrl,
@@ -205,6 +223,9 @@ const PresentationEditor = defineComponent({
 const PdfViewer = defineComponent({
     name: 'A3SPdfViewer',
     props: {
+        collaboration: Object,
+        evidenceOverlay: Object,
+        presence: Object,
         fileName: String,
         loadSource: {
             required: true,
@@ -212,19 +233,37 @@ const PdfViewer = defineComponent({
         },
         onSave: Function,
         saveLabel: String,
+        selectedEvidenceRegionId: String,
         sourceKey: String,
         theme: themeProp,
-        wasmUrl: String
+        wasmUrl: String,
+        worker: {
+            default: void 0,
+            type: Boolean
+        }
     },
-    setup (props) {
+    emits: {
+        collaborationChange: (_content)=>true,
+        evidenceRegionSelect: (_region)=>true,
+        pageChange: (_pageNumber)=>true
+    },
+    setup (props, { emit }) {
         return createReactRenderer(()=>createElement(react_PdfViewer, {
+                collaboration: props.collaboration,
+                evidenceOverlay: props.evidenceOverlay,
+                presence: props.presence,
                 fileName: props.fileName,
                 loadSource: props.loadSource,
+                onCollaborationChange: (content)=>emit('collaborationChange', content),
+                onEvidenceRegionSelect: (region)=>emit('evidenceRegionSelect', region),
+                onPageChange: (pageNumber)=>emit('pageChange', pageNumber),
                 onSave: props.onSave,
                 saveLabel: props.saveLabel,
+                selectedEvidenceRegionId: props.selectedEvidenceRegionId,
                 sourceKey: props.sourceKey,
                 theme: props.theme,
-                wasmUrl: props.wasmUrl
+                wasmUrl: props.wasmUrl,
+                worker: props.worker
             }));
     }
 });

package/dist/web-component.d.ts

@@ -1,14 +1,16 @@
 import type { Extensions } from '@tiptap/core';
 import { type ReactNode } from 'react';
-import type { DocumentContent, EditorAgentRequest, GetDocumentSelectionMenuItems, GetMarkdownSelectionMenuItems, MarkdownContent, PresentationContent, SpreadsheetContent } from './core';
-import { type DocumentLayoutFont, type OfficeFileAction } from './react';
+import type { DocumentContent, EditorAgentRequest, GetDocumentSelectionMenuItems, GetMarkdownSelectionMenuItems, MarkdownContent, OfficeCollaborationPresence, OfficeCollaborationSession, PdfCollaborationContent, PresentationContent, SpreadsheetContent } from './core';
 import type { OfficeTheme } from './office-surface';
+import { type DocumentLayoutFont, type OfficeFileAction, type PdfEvidenceOverlay } from './react';
 declare const HTMLElementBase: {
     new (): HTMLElement;
     prototype: HTMLElement;
 };
 declare abstract class A3SOfficeElement extends HTMLElementBase {
     #private;
+    get presence(): OfficeCollaborationPresence | undefined;
+    set presence(value: OfficeCollaborationPresence | undefined);
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(): void;
@@ -35,6 +37,8 @@ export declare class A3SDocumentEditorElement extends A3SContentEditorElement<Do
     #private;
     static get observedAttributes(): string[];
     get artifactId(): string | undefined;
+    get collaboration(): OfficeCollaborationSession | undefined;
+    set collaboration(value: OfficeCollaborationSession | undefined);
     set artifactId(value: string | undefined);
     get kernelWasmUrl(): string | undefined;
     set kernelWasmUrl(value: string | undefined);
@@ -49,6 +53,8 @@ export declare class A3SDocumentEditorElement extends A3SContentEditorElement<Do
 export declare class A3SMarkdownEditorElement extends A3SContentEditorElement<MarkdownContent> {
     #private;
     static get observedAttributes(): string[];
+    get collaboration(): OfficeCollaborationSession | undefined;
+    set collaboration(value: OfficeCollaborationSession | undefined);
     get extensions(): Extensions | undefined;
     set extensions(value: Extensions | undefined);
     get getSelectionMenuItems(): GetMarkdownSelectionMenuItems | undefined;
@@ -56,26 +62,42 @@ export declare class A3SMarkdownEditorElement extends A3SContentEditorElement<Ma
     protected editorNode(): ReactNode;
 }
 export declare class A3SSpreadsheetEditorElement extends A3SContentEditorElement<SpreadsheetContent> {
+    #private;
     static get observedAttributes(): string[];
     get kernelWasmUrl(): string | undefined;
+    get collaboration(): OfficeCollaborationSession | undefined;
+    set collaboration(value: OfficeCollaborationSession | undefined);
     set kernelWasmUrl(value: string | undefined);
     protected editorNode(): ReactNode;
 }
 export declare class A3SPresentationEditorElement extends A3SContentEditorElement<PresentationContent> {
+    #private;
     static get observedAttributes(): string[];
     get kernelWasmUrl(): string | undefined;
+    get collaboration(): OfficeCollaborationSession | undefined;
+    set collaboration(value: OfficeCollaborationSession | undefined);
     set kernelWasmUrl(value: string | undefined);
     protected editorNode(): ReactNode;
 }
 export declare class A3SPdfViewerElement extends A3SOfficeElement {
     #private;
     static get observedAttributes(): string[];
+    get evidenceOverlay(): PdfEvidenceOverlay | undefined;
+    set evidenceOverlay(value: PdfEvidenceOverlay | undefined);
+    get collaboration(): OfficeCollaborationSession | undefined;
+    set collaboration(value: OfficeCollaborationSession | undefined);
     get loadSource(): (() => Promise<Blob>) | undefined;
     set loadSource(value: (() => Promise<Blob>) | undefined);
+    get onCollaborationChange(): ((content: PdfCollaborationContent) => void) | undefined;
+    set onCollaborationChange(value: ((content: PdfCollaborationContent) => void) | undefined);
     get onSave(): ((pdf: Blob) => Promise<boolean>) | undefined;
     set onSave(value: ((pdf: Blob) => Promise<boolean>) | undefined);
+    get selectedEvidenceRegionId(): string | undefined;
+    set selectedEvidenceRegionId(value: string | undefined);
     get theme(): OfficeTheme;
     set theme(value: OfficeTheme);
+    get worker(): boolean;
+    set worker(value: boolean);
     protected editorNode(): ReactNode;
 }
 export declare const A3S_OFFICE_ELEMENT_NAMES: {

package/dist/web-component.js

@@ -4,7 +4,15 @@ import { MarkdownEditor, PdfViewer, DocumentEditor, PresentationEditor, Spreadsh
 const HTMLElementBase = "u" < typeof HTMLElement ? class {
 } : HTMLElement;
 class A3SOfficeElement extends HTMLElementBase {
+    #presence;
     #root = null;
+    get presence() {
+        return this.#presence;
+    }
+    set presence(value) {
+        this.#presence = value;
+        this.requestRender();
+    }
     connectedCallback() {
         this.renderReactTree();
     }
@@ -89,6 +97,7 @@ class A3SContentEditorElement extends A3SOfficeElement {
     }
 }
 class A3SDocumentEditorElement extends A3SContentEditorElement {
+    #collaboration;
     #extensions;
     #getSelectionMenuItems;
     #layoutFonts;
@@ -104,6 +113,13 @@ class A3SDocumentEditorElement extends A3SContentEditorElement {
     get artifactId() {
         return this.getAttribute('artifact-id') ?? void 0;
     }
+    get collaboration() {
+        return this.#collaboration;
+    }
+    set collaboration(value) {
+        this.#collaboration = value;
+        this.requestRender();
+    }
     set artifactId(value) {
         if (void 0 === value) this.removeAttribute('artifact-id');
         else this.setAttribute('artifact-id', value);
@@ -140,6 +156,8 @@ class A3SDocumentEditorElement extends A3SContentEditorElement {
         if (!this.content) return missingContent('document', this.theme);
         return /*#__PURE__*/ createElement(DocumentEditor, {
             artifactId: this.artifactId,
+            collaboration: this.collaboration,
+            presence: this.presence,
             content: this.content,
             extensions: this.extensions,
             fileActions: this.fileActions,
@@ -148,6 +166,7 @@ class A3SDocumentEditorElement extends A3SContentEditorElement {
             layoutFonts: this.layoutFonts,
             onAgentRequest: (request)=>this.requestAgent(request),
             onChange: (content)=>this.changeContent(content),
+            onReviewConflict: (event)=>dispatchDetail(this, 'review-conflict', event),
             preview: this.preview,
             saveStatus: this.saveStatus,
             theme: this.theme
@@ -155,6 +174,7 @@ class A3SDocumentEditorElement extends A3SContentEditorElement {
     }
 }
 class A3SMarkdownEditorElement extends A3SContentEditorElement {
+    #collaboration;
     #extensions;
     #getSelectionMenuItems;
     static get observedAttributes() {
@@ -164,6 +184,13 @@ class A3SMarkdownEditorElement extends A3SContentEditorElement {
             'theme'
         ];
     }
+    get collaboration() {
+        return this.#collaboration;
+    }
+    set collaboration(value) {
+        this.#collaboration = value;
+        this.requestRender();
+    }
     get extensions() {
         return this.#extensions;
     }
@@ -181,6 +208,8 @@ class A3SMarkdownEditorElement extends A3SContentEditorElement {
     editorNode() {
         if (!this.content) return missingContent('Markdown', this.theme);
         return /*#__PURE__*/ createElement(MarkdownEditor, {
+            collaboration: this.collaboration,
+            presence: this.presence,
             content: this.content,
             extensions: this.extensions,
             fileActions: this.fileActions,
@@ -193,6 +222,7 @@ class A3SMarkdownEditorElement extends A3SContentEditorElement {
     }
 }
 class A3SSpreadsheetEditorElement extends A3SContentEditorElement {
+    #collaboration;
     static get observedAttributes() {
         return [
             'kernel-wasm-url',
@@ -204,6 +234,13 @@ class A3SSpreadsheetEditorElement extends A3SContentEditorElement {
     get kernelWasmUrl() {
         return this.getAttribute('kernel-wasm-url') ?? void 0;
     }
+    get collaboration() {
+        return this.#collaboration;
+    }
+    set collaboration(value) {
+        this.#collaboration = value;
+        this.requestRender();
+    }
     set kernelWasmUrl(value) {
         if (void 0 === value) this.removeAttribute('kernel-wasm-url');
         else this.setAttribute('kernel-wasm-url', value);
@@ -211,6 +248,8 @@ class A3SSpreadsheetEditorElement extends A3SContentEditorElement {
     editorNode() {
         if (!this.content) return missingContent('spreadsheet', this.theme);
         return /*#__PURE__*/ createElement(SpreadsheetEditor, {
+            collaboration: this.collaboration,
+            presence: this.presence,
             content: this.content,
             fileActions: this.fileActions,
             kernelWasmUrl: this.kernelWasmUrl,
@@ -223,6 +262,7 @@ class A3SSpreadsheetEditorElement extends A3SContentEditorElement {
     }
 }
 class A3SPresentationEditorElement extends A3SContentEditorElement {
+    #collaboration;
     static get observedAttributes() {
         return [
             'kernel-wasm-url',
@@ -234,6 +274,13 @@ class A3SPresentationEditorElement extends A3SContentEditorElement {
     get kernelWasmUrl() {
         return this.getAttribute('kernel-wasm-url') ?? void 0;
     }
+    get collaboration() {
+        return this.#collaboration;
+    }
+    set collaboration(value) {
+        this.#collaboration = value;
+        this.requestRender();
+    }
     set kernelWasmUrl(value) {
         if (void 0 === value) this.removeAttribute('kernel-wasm-url');
         else this.setAttribute('kernel-wasm-url', value);
@@ -241,6 +288,8 @@ class A3SPresentationEditorElement extends A3SContentEditorElement {
     editorNode() {
         if (!this.content) return missingContent('presentation', this.theme);
         return /*#__PURE__*/ createElement(PresentationEditor, {
+            collaboration: this.collaboration,
+            presence: this.presence,
             content: this.content,
             fileActions: this.fileActions,
             kernelWasmUrl: this.kernelWasmUrl,
@@ -254,17 +303,36 @@ class A3SPresentationEditorElement extends A3SContentEditorElement {
     }
 }
 class A3SPdfViewerElement extends A3SOfficeElement {
+    #collaboration;
+    #evidenceOverlay;
     #loadSource;
+    #onCollaborationChange;
     #onSave;
     static get observedAttributes() {
         return [
             'file-name',
             'save-label',
+            'selected-evidence-region-id',
             'source-key',
             'theme',
-            'wasm-url'
+            'wasm-url',
+            'worker'
         ];
     }
+    get evidenceOverlay() {
+        return this.#evidenceOverlay;
+    }
+    set evidenceOverlay(value) {
+        this.#evidenceOverlay = value;
+        this.requestRender();
+    }
+    get collaboration() {
+        return this.#collaboration;
+    }
+    set collaboration(value) {
+        this.#collaboration = value;
+        this.requestRender();
+    }
     get loadSource() {
         return this.#loadSource;
     }
@@ -272,6 +340,13 @@ class A3SPdfViewerElement extends A3SOfficeElement {
         this.#loadSource = value;
         this.requestRender();
     }
+    get onCollaborationChange() {
+        return this.#onCollaborationChange;
+    }
+    set onCollaborationChange(value) {
+        this.#onCollaborationChange = value;
+        this.requestRender();
+    }
     get onSave() {
         return this.#onSave;
     }
@@ -279,22 +354,46 @@ class A3SPdfViewerElement extends A3SOfficeElement {
         this.#onSave = value;
         this.requestRender();
     }
+    get selectedEvidenceRegionId() {
+        return this.getAttribute('selected-evidence-region-id') ?? void 0;
+    }
+    set selectedEvidenceRegionId(value) {
+        if (void 0 === value) this.removeAttribute('selected-evidence-region-id');
+        else this.setAttribute('selected-evidence-region-id', value);
+    }
     get theme() {
         return themeFrom(this);
     }
     set theme(value) {
         this.setAttribute('theme', value);
     }
+    get worker() {
+        return 'false' !== this.getAttribute('worker');
+    }
+    set worker(value) {
+        this.setAttribute('worker', String(value));
+    }
     editorNode() {
         if (!this.loadSource) return missingContent('PDF source loader', this.theme);
         return /*#__PURE__*/ createElement(PdfViewer, {
+            collaboration: this.collaboration,
+            evidenceOverlay: this.evidenceOverlay,
+            presence: this.presence,
             fileName: this.getAttribute('file-name') ?? void 0,
             loadSource: this.loadSource,
+            onCollaborationChange: (content)=>{
+                this.onCollaborationChange?.(content);
+                dispatchDetail(this, 'collaboration-change', content);
+            },
+            onEvidenceRegionSelect: (region)=>dispatchDetail(this, 'evidence-select', region),
+            onPageChange: (pageNumber)=>dispatchDetail(this, 'page-change', pageNumber),
             onSave: this.onSave,
             saveLabel: this.getAttribute('save-label') ?? void 0,
+            selectedEvidenceRegionId: this.selectedEvidenceRegionId,
             sourceKey: this.getAttribute('source-key') ?? void 0,
             theme: this.theme,
-            wasmUrl: this.getAttribute('wasm-url') ?? void 0
+            wasmUrl: this.getAttribute('wasm-url') ?? void 0,
+            worker: this.worker
         });
     }
 }