@embedpdf/plugin-annotation 1.5.0 → 2.0.0-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (106) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +1760 -1444
  4. package/dist/index.js.map +1 -1
  5. package/dist/lib/actions.d.ts +58 -19
  6. package/dist/lib/annotation-plugin.d.ts +14 -5
  7. package/dist/lib/index.d.ts +1 -1
  8. package/dist/lib/reducer.d.ts +2 -1
  9. package/dist/lib/selectors.d.ts +10 -8
  10. package/dist/lib/types.d.ts +53 -10
  11. package/dist/preact/index.cjs +1 -1
  12. package/dist/preact/index.cjs.map +1 -1
  13. package/dist/preact/index.js +96 -48
  14. package/dist/preact/index.js.map +1 -1
  15. package/dist/react/index.cjs +1 -1
  16. package/dist/react/index.cjs.map +1 -1
  17. package/dist/react/index.js +96 -48
  18. package/dist/react/index.js.map +1 -1
  19. package/dist/shared/components/annotation-container.d.ts +4 -3
  20. package/dist/shared/components/annotation-layer.d.ts +7 -7
  21. package/dist/shared/components/annotation-paint-layer.d.ts +2 -1
  22. package/dist/shared/components/annotations/stamp.d.ts +2 -1
  23. package/dist/shared/components/annotations.d.ts +3 -2
  24. package/dist/shared/components/render-annotation.d.ts +2 -1
  25. package/dist/shared/components/text-markup.d.ts +2 -1
  26. package/dist/shared/components/types.d.ts +7 -7
  27. package/dist/shared/hooks/use-annotation.d.ts +8 -4
  28. package/dist/shared/index.d.ts +1 -0
  29. package/dist/shared-preact/components/annotation-container.d.ts +4 -3
  30. package/dist/shared-preact/components/annotation-layer.d.ts +7 -7
  31. package/dist/shared-preact/components/annotation-paint-layer.d.ts +2 -1
  32. package/dist/shared-preact/components/annotations/stamp.d.ts +2 -1
  33. package/dist/shared-preact/components/annotations.d.ts +3 -2
  34. package/dist/shared-preact/components/render-annotation.d.ts +2 -1
  35. package/dist/shared-preact/components/text-markup.d.ts +2 -1
  36. package/dist/shared-preact/components/types.d.ts +7 -7
  37. package/dist/shared-preact/hooks/use-annotation.d.ts +8 -4
  38. package/dist/shared-preact/index.d.ts +1 -0
  39. package/dist/shared-react/components/annotation-container.d.ts +4 -3
  40. package/dist/shared-react/components/annotation-layer.d.ts +7 -7
  41. package/dist/shared-react/components/annotation-paint-layer.d.ts +2 -1
  42. package/dist/shared-react/components/annotations/stamp.d.ts +2 -1
  43. package/dist/shared-react/components/annotations.d.ts +3 -2
  44. package/dist/shared-react/components/render-annotation.d.ts +2 -1
  45. package/dist/shared-react/components/text-markup.d.ts +2 -1
  46. package/dist/shared-react/components/types.d.ts +7 -7
  47. package/dist/shared-react/hooks/use-annotation.d.ts +8 -4
  48. package/dist/shared-react/index.d.ts +1 -0
  49. package/dist/svelte/components/AnnotationContainer.svelte.d.ts +26 -0
  50. package/dist/svelte/components/AnnotationLayer.svelte.d.ts +27 -0
  51. package/dist/svelte/components/AnnotationPaintLayer.svelte.d.ts +8 -0
  52. package/dist/svelte/components/Annotations.svelte.d.ts +22 -0
  53. package/dist/svelte/components/PreviewRenderer.svelte.d.ts +8 -0
  54. package/dist/svelte/components/RenderAnnotation.svelte.d.ts +13 -0
  55. package/dist/svelte/components/TextMarkup.svelte.d.ts +8 -0
  56. package/dist/svelte/components/annotations/Circle.svelte.d.ts +26 -0
  57. package/dist/svelte/components/annotations/FreeText.svelte.d.ts +15 -0
  58. package/dist/svelte/components/annotations/Ink.svelte.d.ts +14 -0
  59. package/dist/svelte/components/annotations/Line.svelte.d.ts +18 -0
  60. package/dist/svelte/components/annotations/Polygon.svelte.d.ts +19 -0
  61. package/dist/svelte/components/annotations/Polyline.svelte.d.ts +17 -0
  62. package/dist/svelte/components/annotations/Square.svelte.d.ts +16 -0
  63. package/dist/svelte/components/annotations/Stamp.svelte.d.ts +13 -0
  64. package/dist/svelte/components/annotations/index.d.ts +8 -0
  65. package/dist/svelte/components/index.d.ts +9 -0
  66. package/dist/svelte/components/text-markup/Highlight.svelte.d.ts +13 -0
  67. package/dist/svelte/components/text-markup/Squiggly.svelte.d.ts +13 -0
  68. package/dist/svelte/components/text-markup/Strikeout.svelte.d.ts +13 -0
  69. package/dist/svelte/components/text-markup/Underline.svelte.d.ts +13 -0
  70. package/dist/svelte/components/text-markup/index.d.ts +4 -0
  71. package/dist/svelte/components/types.d.ts +32 -0
  72. package/dist/svelte/hooks/index.d.ts +1 -0
  73. package/dist/svelte/hooks/use-annotation.svelte.d.ts +21 -0
  74. package/dist/svelte/index.cjs +2 -0
  75. package/dist/svelte/index.cjs.map +1 -0
  76. package/dist/svelte/index.d.ts +4 -0
  77. package/dist/svelte/index.js +3083 -0
  78. package/dist/svelte/index.js.map +1 -0
  79. package/dist/svelte/types.d.ts +54 -0
  80. package/dist/vue/components/annotation-container.vue.d.ts +10 -5
  81. package/dist/vue/components/annotation-layer.vue.d.ts +13 -7
  82. package/dist/vue/components/annotation-paint-layer.vue.d.ts +3 -1
  83. package/dist/vue/components/annotations/circle.vue.d.ts +2 -1
  84. package/dist/vue/components/annotations/free-text.vue.d.ts +2 -1
  85. package/dist/vue/components/annotations/ink.vue.d.ts +2 -1
  86. package/dist/vue/components/annotations/line.vue.d.ts +2 -1
  87. package/dist/vue/components/annotations/polygon.vue.d.ts +2 -1
  88. package/dist/vue/components/annotations/polyline.vue.d.ts +2 -1
  89. package/dist/vue/components/annotations/square.vue.d.ts +2 -1
  90. package/dist/vue/components/annotations/stamp.vue.d.ts +3 -1
  91. package/dist/vue/components/annotations.vue.d.ts +7 -3
  92. package/dist/vue/components/preview-renderer.vue.d.ts +2 -1
  93. package/dist/vue/components/render-annotation.vue.d.ts +3 -1
  94. package/dist/vue/components/text-markup/highlight.vue.d.ts +2 -1
  95. package/dist/vue/components/text-markup/squiggly.vue.d.ts +2 -1
  96. package/dist/vue/components/text-markup/strikeout.vue.d.ts +2 -1
  97. package/dist/vue/components/text-markup/underline.vue.d.ts +2 -1
  98. package/dist/vue/components/text-markup.vue.d.ts +3 -1
  99. package/dist/vue/hooks/use-annotation.d.ts +21 -2682
  100. package/dist/vue/index.cjs +1 -1
  101. package/dist/vue/index.cjs.map +1 -1
  102. package/dist/vue/index.d.ts +1 -0
  103. package/dist/vue/index.js +354 -250
  104. package/dist/vue/index.js.map +1 -1
  105. package/dist/vue/types.d.ts +23 -0
  106. package/package.json +19 -11
@@ -0,0 +1,26 @@
1
+ import { PdfAnnotationBorderStyle, Rect } from '@embedpdf/models';
2
+ interface CircleProps {
3
+ /** Whether the annotation is selected */
4
+ isSelected: boolean;
5
+ /** Fill colour – defaults to PDFium’s black if omitted */
6
+ color?: string;
7
+ /** Stroke colour – defaults to same as fill when omitted */
8
+ strokeColor?: string;
9
+ /** 0 – 1 */
10
+ opacity?: number;
11
+ /** Stroke width in PDF units */
12
+ strokeWidth: number;
13
+ /** Stroke type – defaults to solid when omitted */
14
+ strokeStyle?: PdfAnnotationBorderStyle;
15
+ /** Stroke dash array – defaults to undefined when omitted */
16
+ strokeDashArray?: number[];
17
+ /** Bounding box of the annotation */
18
+ rect: Rect;
19
+ /** Current page zoom factor */
20
+ scale: number;
21
+ /** Pointer/touch handler (used for selection) */
22
+ onClick?: (e: PointerEvent | TouchEvent) => void;
23
+ }
24
+ declare const Circle: import('svelte', { with: { "resolution-mode": "import" } }).Component<CircleProps, {}, "">;
25
+ type Circle = ReturnType<typeof Circle>;
26
+ export default Circle;
@@ -0,0 +1,15 @@
1
+ import { PdfFreeTextAnnoObject } from '@embedpdf/models';
2
+ import { TrackedAnnotation } from '../../../lib/index.ts';
3
+ interface FreeTextProps {
4
+ documentId: string;
5
+ isSelected: boolean;
6
+ isEditing: boolean;
7
+ annotation: TrackedAnnotation<PdfFreeTextAnnoObject>;
8
+ pageIndex: number;
9
+ scale: number;
10
+ onClick?: (e: MouseEvent | TouchEvent) => void;
11
+ onDoubleClick?: (e: MouseEvent) => void;
12
+ }
13
+ declare const FreeText: import('svelte', { with: { "resolution-mode": "import" } }).Component<FreeTextProps, {}, "">;
14
+ type FreeText = ReturnType<typeof FreeText>;
15
+ export default FreeText;
@@ -0,0 +1,14 @@
1
+ import { PdfInkListObject, Rect } from '@embedpdf/models';
2
+ interface InkProps {
3
+ isSelected: boolean;
4
+ color?: string;
5
+ opacity?: number;
6
+ strokeWidth: number;
7
+ inkList: PdfInkListObject[];
8
+ rect: Rect;
9
+ scale: number;
10
+ onClick?: (e: MouseEvent | TouchEvent) => void;
11
+ }
12
+ declare const Ink: import('svelte', { with: { "resolution-mode": "import" } }).Component<InkProps, {}, "">;
13
+ type Ink = ReturnType<typeof Ink>;
14
+ export default Ink;
@@ -0,0 +1,18 @@
1
+ import { Rect, LinePoints, LineEndings, PdfAnnotationBorderStyle } from '@embedpdf/models';
2
+ interface LineProps {
3
+ color?: string;
4
+ opacity?: number;
5
+ strokeWidth: number;
6
+ strokeColor?: string;
7
+ strokeStyle?: PdfAnnotationBorderStyle;
8
+ strokeDashArray?: number[];
9
+ rect: Rect;
10
+ linePoints: LinePoints;
11
+ lineEndings?: LineEndings;
12
+ scale: number;
13
+ onClick?: (e: MouseEvent | TouchEvent) => void;
14
+ isSelected: boolean;
15
+ }
16
+ declare const Line: import('svelte', { with: { "resolution-mode": "import" } }).Component<LineProps, {}, "">;
17
+ type Line = ReturnType<typeof Line>;
18
+ export default Line;
@@ -0,0 +1,19 @@
1
+ import { Rect, Position, PdfAnnotationBorderStyle } from '@embedpdf/models';
2
+ interface PolygonProps {
3
+ rect: Rect;
4
+ vertices: Position[];
5
+ color?: string;
6
+ strokeColor?: string;
7
+ opacity?: number;
8
+ strokeWidth: number;
9
+ strokeStyle?: PdfAnnotationBorderStyle;
10
+ strokeDashArray?: number[];
11
+ scale: number;
12
+ isSelected: boolean;
13
+ onClick?: (e: MouseEvent | TouchEvent) => void;
14
+ currentVertex?: Position;
15
+ handleSize?: number;
16
+ }
17
+ declare const Polygon: import('svelte', { with: { "resolution-mode": "import" } }).Component<PolygonProps, {}, "">;
18
+ type Polygon = ReturnType<typeof Polygon>;
19
+ export default Polygon;
@@ -0,0 +1,17 @@
1
+ import { Rect, Position, LineEndings } from '@embedpdf/models';
2
+ interface PolylineProps {
3
+ rect: Rect;
4
+ vertices: Position[];
5
+ color?: string;
6
+ strokeColor?: string;
7
+ opacity?: number;
8
+ strokeWidth: number;
9
+ scale: number;
10
+ isSelected: boolean;
11
+ onClick?: (e: MouseEvent | TouchEvent) => void;
12
+ /** Optional start & end endings */
13
+ lineEndings?: LineEndings;
14
+ }
15
+ declare const Polyline: import('svelte', { with: { "resolution-mode": "import" } }).Component<PolylineProps, {}, "">;
16
+ type Polyline = ReturnType<typeof Polyline>;
17
+ export default Polyline;
@@ -0,0 +1,16 @@
1
+ import { Rect, PdfAnnotationBorderStyle } from '@embedpdf/models';
2
+ interface SquareProps {
3
+ isSelected: boolean;
4
+ color?: string;
5
+ strokeColor?: string;
6
+ opacity?: number;
7
+ strokeWidth: number;
8
+ strokeStyle?: PdfAnnotationBorderStyle;
9
+ strokeDashArray?: number[];
10
+ rect: Rect;
11
+ scale: number;
12
+ onClick?: (e: MouseEvent | TouchEvent) => void;
13
+ }
14
+ declare const Square: import('svelte', { with: { "resolution-mode": "import" } }).Component<SquareProps, {}, "">;
15
+ type Square = ReturnType<typeof Square>;
16
+ export default Square;
@@ -0,0 +1,13 @@
1
+ import { PdfStampAnnoObject } from '@embedpdf/models';
2
+ import { TrackedAnnotation } from '../../../lib/index.ts';
3
+ interface StampProps {
4
+ documentId: string;
5
+ isSelected: boolean;
6
+ annotation: TrackedAnnotation<PdfStampAnnoObject>;
7
+ pageIndex: number;
8
+ scale: number;
9
+ onClick: (e: MouseEvent | TouchEvent) => void;
10
+ }
11
+ declare const Stamp: import('svelte', { with: { "resolution-mode": "import" } }).Component<StampProps, {}, "">;
12
+ type Stamp = ReturnType<typeof Stamp>;
13
+ export default Stamp;
@@ -0,0 +1,8 @@
1
+ export { default as Circle } from './Circle.svelte';
2
+ export { default as FreeText } from './FreeText.svelte';
3
+ export { default as Ink } from './Ink.svelte';
4
+ export { default as Line } from './Line.svelte';
5
+ export { default as Polygon } from './Polygon.svelte';
6
+ export { default as Polyline } from './Polyline.svelte';
7
+ export { default as Square } from './Square.svelte';
8
+ export { default as Stamp } from './Stamp.svelte';
@@ -0,0 +1,9 @@
1
+ export { default as AnnotationContainer } from './AnnotationContainer.svelte';
2
+ export { default as AnnotationLayer } from './AnnotationLayer.svelte';
3
+ export { default as AnnotationPaintLayer } from './AnnotationPaintLayer.svelte';
4
+ export { default as Annotations } from './Annotations.svelte';
5
+ export { default as PreviewRenderer } from './PreviewRenderer.svelte';
6
+ export { default as RenderAnnotation } from './RenderAnnotation.svelte';
7
+ export { default as TextMarkup } from './TextMarkup.svelte';
8
+ export * from './annotations';
9
+ export * from './text-markup';
@@ -0,0 +1,13 @@
1
+ import { Rect } from '@embedpdf/models';
2
+ interface HighlightProps {
3
+ color?: string;
4
+ opacity?: number;
5
+ segmentRects: Rect[];
6
+ rect?: Rect;
7
+ scale: number;
8
+ onClick?: (e: MouseEvent | TouchEvent) => void;
9
+ style?: Record<string, string | number | undefined>;
10
+ }
11
+ declare const Highlight: import('svelte', { with: { "resolution-mode": "import" } }).Component<HighlightProps, {}, "">;
12
+ type Highlight = ReturnType<typeof Highlight>;
13
+ export default Highlight;
@@ -0,0 +1,13 @@
1
+ import { Rect } from '@embedpdf/models';
2
+ interface SquigglyProps {
3
+ color?: string;
4
+ opacity?: number;
5
+ segmentRects: Rect[];
6
+ rect?: Rect;
7
+ scale: number;
8
+ onClick?: (e: MouseEvent | TouchEvent) => void;
9
+ style?: Record<string, string | number | undefined>;
10
+ }
11
+ declare const Squiggly: import('svelte', { with: { "resolution-mode": "import" } }).Component<SquigglyProps, {}, "">;
12
+ type Squiggly = ReturnType<typeof Squiggly>;
13
+ export default Squiggly;
@@ -0,0 +1,13 @@
1
+ import { Rect } from '@embedpdf/models';
2
+ interface StrikeoutProps {
3
+ color?: string;
4
+ opacity?: number;
5
+ segmentRects: Rect[];
6
+ rect?: Rect;
7
+ scale: number;
8
+ onClick?: (e: MouseEvent | TouchEvent) => void;
9
+ style?: Record<string, string | number | undefined>;
10
+ }
11
+ declare const Strikeout: import('svelte', { with: { "resolution-mode": "import" } }).Component<StrikeoutProps, {}, "">;
12
+ type Strikeout = ReturnType<typeof Strikeout>;
13
+ export default Strikeout;
@@ -0,0 +1,13 @@
1
+ import { Rect } from '@embedpdf/models';
2
+ interface UnderlineProps {
3
+ color?: string;
4
+ opacity?: number;
5
+ segmentRects: Rect[];
6
+ rect?: Rect;
7
+ scale: number;
8
+ onClick?: (e: MouseEvent | TouchEvent) => void;
9
+ style?: Record<string, string | number | undefined>;
10
+ }
11
+ declare const Underline: import('svelte', { with: { "resolution-mode": "import" } }).Component<UnderlineProps, {}, "">;
12
+ type Underline = ReturnType<typeof Underline>;
13
+ export default Underline;
@@ -0,0 +1,4 @@
1
+ export { default as Highlight } from './Highlight.svelte';
2
+ export { default as Squiggly } from './Squiggly.svelte';
3
+ export { default as Strikeout } from './Strikeout.svelte';
4
+ export { default as Underline } from './Underline.svelte';
@@ -0,0 +1,32 @@
1
+ import { Snippet } from 'svelte';
2
+ import { CustomAnnotationRenderer, ResizeHandleUI, VertexHandleUI, AnnotationSelectionMenuRenderFn, AnnotationSelectionMenuProps } from '../types';
3
+ import { VertexConfig } from '../../shared-svelte/types';
4
+ import { PdfAnnotationObject } from '@embedpdf/models';
5
+ import { TrackedAnnotation } from '../../lib/index.ts';
6
+ export interface AnnotationContainerProps<T extends PdfAnnotationObject> {
7
+ documentId: string;
8
+ scale: number;
9
+ pageIndex: number;
10
+ rotation: number;
11
+ pageWidth: number;
12
+ pageHeight: number;
13
+ trackedAnnotation: TrackedAnnotation<T>;
14
+ children: Snippet<[T]>;
15
+ isSelected: boolean;
16
+ isDraggable: boolean;
17
+ isResizable: boolean;
18
+ lockAspectRatio?: boolean;
19
+ class?: string;
20
+ style?: string;
21
+ vertexConfig?: VertexConfig<T>;
22
+ selectionMenu?: AnnotationSelectionMenuRenderFn;
23
+ selectionMenuSnippet?: Snippet<[AnnotationSelectionMenuProps]>;
24
+ outlineOffset?: number;
25
+ onDoubleClick?: (event: any) => void;
26
+ onSelect: (event: any) => void;
27
+ zIndex?: number;
28
+ resizeUI?: ResizeHandleUI;
29
+ vertexUI?: VertexHandleUI;
30
+ selectionOutlineColor?: string;
31
+ customAnnotationRenderer?: CustomAnnotationRenderer<T>;
32
+ }
@@ -0,0 +1 @@
1
+ export * from './use-annotation.svelte';
@@ -0,0 +1,21 @@
1
+ import { AnnotationPlugin, AnnotationDocumentState, AnnotationScope } from '../../lib/index.ts';
2
+ export declare const useAnnotationCapability: () => {
3
+ provides: Readonly<import('../../lib/index.ts').AnnotationCapability> | null;
4
+ isLoading: boolean;
5
+ ready: Promise<void>;
6
+ };
7
+ export declare const useAnnotationPlugin: () => {
8
+ plugin: AnnotationPlugin | null;
9
+ isLoading: boolean;
10
+ ready: Promise<void>;
11
+ };
12
+ interface UseAnnotationReturn {
13
+ provides: AnnotationScope | null;
14
+ state: AnnotationDocumentState;
15
+ }
16
+ /**
17
+ * Hook for annotation state for a specific document
18
+ * @param getDocumentId Document ID getter function
19
+ */
20
+ export declare const useAnnotation: (getDocumentId: () => string | null) => UseAnnotationReturn;
21
+ export {};
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("svelte/internal/client"),t=require("@embedpdf/plugin-annotation"),n=require("@embedpdf/core/svelte");require("svelte/internal/disclose-version");const r=require("@embedpdf/utils/svelte"),i=require("@embedpdf/models"),o=require("@embedpdf/plugin-interaction-manager/svelte"),s=require("@embedpdf/plugin-selection/svelte");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const n in e)if("default"!==n){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}return t.default=e,Object.freeze(t)}const a=l(e),d=()=>n.useCapability(t.AnnotationPlugin.id),c=()=>n.usePlugin(t.AnnotationPlugin.id);var g=a.from_html("<div></div>"),p=a.from_html("<div></div>"),u=a.from_html('<div data-no-interaction=""><div><!> <!> <!></div> <!></div>');function v(e,t){a.push(t,!0);let n=a.prop(t,"lockAspectRatio",3,!1),i=a.prop(t,"class",3,""),o=a.prop(t,"outlineOffset",3,1),s=a.prop(t,"zIndex",3,20),l=a.prop(t,"selectionOutlineColor",3,"#007ACC"),c=a.rest_props(t,["$$slots","$$events","$$legacy","documentId","scale","pageIndex","rotation","pageWidth","pageHeight","trackedAnnotation","children","isSelected","isDraggable","isResizable","lockAspectRatio","style","class","vertexConfig","selectionMenu","selectionMenuSnippet","outlineOffset","onDoubleClick","onSelect","zIndex","resizeUI","vertexUI","selectionOutlineColor","customAnnotationRenderer"]),v=a.state(a.proxy(t.trackedAnnotation.object)),h=d(),f=a.state(null);const m=a.derived(()=>h.provides?h.provides.forDocument(t.documentId):null);let b=a.derived(()=>a.get(v)?{...t.trackedAnnotation.object,...a.get(v)}:t.trackedAnnotation.object);const _=a.derived(()=>{var e;return(null==(e=t.resizeUI)?void 0:e.color)??"#007ACC"}),x=a.derived(()=>{var e;return(null==(e=t.vertexUI)?void 0:e.color)??"#007ACC"}),y=a.derived(()=>{var e;return(null==(e=t.resizeUI)?void 0:e.size)??12}),k=a.derived(()=>{var e;return(null==(e=t.vertexUI)?void 0:e.size)??12});a.user_effect(()=>{t.trackedAnnotation.object&&a.set(v,t.trackedAnnotation.object,!0)});const S=r.useInteractionHandles(()=>{var e;return{controller:{element:a.get(b).rect,vertices:null==(e=t.vertexConfig)?void 0:e.extractVertices(a.get(b)),constraints:{minWidth:10,minHeight:10,boundingBox:{width:t.pageWidth,height:t.pageHeight}},maintainAspectRatio:n(),pageRotation:t.rotation,scale:t.scale,enabled:t.isSelected,onUpdate:e=>{var n,i,o,s;if(!(null==(n=e.transformData)?void 0:n.type))return;"start"===e.state&&a.set(f,a.get(b),!0);const l=e.transformData.type,d=a.get(f)??a.get(b),c=e.transformData.changes.vertices?null==(i=t.vertexConfig)?void 0:i.transformAnnotation(d,e.transformData.changes.vertices):{rect:e.transformData.changes.rect},g=null==(o=h.provides)?void 0:o.transformAnnotation(d,{type:l,changes:c,metadata:e.transformData.metadata});if(g&&a.set(v,{...a.get(v),...g},!0),"end"===e.state&&g){a.set(f,null);const e=r.deepToRaw(g);null==(s=a.get(m))||s.updateAnnotation(t.pageIndex,t.trackedAnnotation.object.id,e)}}},resizeUI:{handleSize:a.get(y),spacing:o(),offsetMode:"outside",includeSides:!n(),zIndex:s()+1},vertexUI:{vertexSize:a.get(k),zIndex:s()+2},includeVertices:!!t.vertexConfig}}),$=a.derived(()=>S.resize),w=a.derived(()=>S.vertices),A=a.derived(()=>t.isSelected&&(!!t.selectionMenu||!!t.selectionMenuSnippet));const C={suggestTop:!1,spaceAbove:0,spaceBelow:0};var I=u(),z=a.child(I);a.attribute_effect(z,()=>({...t.isDraggable&&t.isSelected?S.dragProps:{},style:t.style||"",class:i(),...c,[a.STYLE]:{position:"absolute",left:a.get(b).rect.origin.x*t.scale+"px",top:a.get(b).rect.origin.y*t.scale+"px",width:a.get(b).rect.size.width*t.scale+"px",height:a.get(b).rect.size.height*t.scale+"px",outline:t.isSelected?`1px solid ${l()}`:"none","outline-offset":t.isSelected?`${o()}px`:"0px","pointer-events":t.isSelected?"auto":"none","touch-action":"none",cursor:t.isSelected&&t.isDraggable?"move":"default","z-index":s()}}));var M=a.child(z),R=e=>{var n=a.comment(),r=a.first_child(n);a.snippet(r,()=>t.customAnnotationRenderer??a.noop,()=>({annotation:a.get(b),children:t.children,isSelected:t.isSelected,scale:t.scale,rotation:t.rotation,pageWidth:t.pageWidth,pageHeight:t.pageHeight,pageIndex:t.pageIndex,onSelect:t.onSelect})),a.append(e,n)},P=e=>{var n=a.comment(),r=a.first_child(n);a.snippet(r,()=>t.children,()=>a.get(b)),a.append(e,n)};a.if(M,e=>{t.customAnnotationRenderer?e(R):e(P,!1)});var D=a.sibling(M,2),j=e=>{var n=a.comment(),r=a.first_child(n);a.each(r,17,()=>a.get($),({key:e,style:t,...n})=>e,(e,n)=>{let r=()=>a.exclude_from_object(a.get(n),["key","style"]);var i=a.comment(),o=a.first_child(i),s=e=>{const n=a.derived(()=>t.resizeUI.component);var i=a.comment(),o=a.first_child(i);a.component(o,()=>a.get(n),(e,t)=>{t(e,a.spread_props(r,{get backgroundColor(){return a.get(_)}}))}),a.append(e,i)},l=e=>{var t=g();a.attribute_effect(t,()=>({...r(),style:`${a.get(n).style??""}; background-color: ${a.get(_)??""};`})),a.append(e,t)};a.if(o,e=>{var n;(null==(n=t.resizeUI)?void 0:n.component)?e(s):e(l,!1)}),a.append(e,i)}),a.append(e,n)};a.if(D,e=>{t.isSelected&&t.isResizable&&e(j)});var E=a.sibling(D,2),O=e=>{var n=a.comment(),r=a.first_child(n);a.each(r,17,()=>a.get(w),({key:e,style:t,...n})=>e,(e,n)=>{let r=()=>a.exclude_from_object(a.get(n),["key","style"]);var i=a.comment(),o=a.first_child(i),s=e=>{const n=a.derived(()=>t.vertexUI.component);var i=a.comment(),o=a.first_child(i);a.component(o,()=>a.get(n),(e,t)=>{t(e,a.spread_props(r,{get backgroundColor(){return a.get(x)}}))}),a.append(e,i)},l=e=>{var t=p();a.attribute_effect(t,()=>({...r(),style:`${a.get(n).style??""}; background-color: ${a.get(x)??""};`})),a.append(e,t)};a.if(o,e=>{var n;(null==(n=t.vertexUI)?void 0:n.component)?e(s):e(l,!1)}),a.append(e,i)}),a.append(e,n)};a.if(E,e=>{t.isSelected&&e(O)}),a.reset(z),a.action(z,(e,t)=>{var n;return null==(n=r.doublePress)?void 0:n.call(r,e,t)},()=>({onDouble:t.onDoubleClick}));var W=a.sibling(z,2),L=e=>{{const n=(e,n)=>{const r=a.derived(()=>function(e,n){return{context:{type:"annotation",annotation:t.trackedAnnotation,pageIndex:t.pageIndex},selected:t.isSelected,rect:e,placement:C,menuWrapperProps:n}}(null==n?void 0:n().rect,null==n?void 0:n().menuWrapperProps));var i=a.comment(),o=a.first_child(i),s=e=>{const n=a.derived(()=>t.selectionMenu(a.get(r)));var i=a.comment(),o=a.first_child(i),s=e=>{var t=a.comment(),r=a.first_child(t);a.component(r,()=>a.get(n).component,(e,t)=>{t(e,a.spread_props(()=>a.get(n).props))}),a.append(e,t)};a.if(o,e=>{a.get(n)&&e(s)}),a.append(e,i)},l=e=>{var n=a.comment(),i=a.first_child(n),o=e=>{var n=a.comment(),i=a.first_child(n);a.snippet(i,()=>t.selectionMenuSnippet,()=>a.get(r)),a.append(e,n)};a.if(i,e=>{t.selectionMenuSnippet&&e(o)},!0),a.append(e,n)};a.if(o,e=>{t.selectionMenu?e(s):e(l,!1)}),a.append(e,i)};let i=a.derived(()=>({origin:{x:a.get(b).rect.origin.x*t.scale,y:a.get(b).rect.origin.y*t.scale},size:{width:a.get(b).rect.size.width*t.scale,height:a.get(b).rect.size.height*t.scale}}));r.CounterRotate(e,{get rect(){return a.get(i)},get rotation(){return t.rotation},children:n,$$slots:{default:!0}})}};a.if(W,e=>{a.get(A)&&e(L)}),a.reset(I),a.append(e,I),a.pop()}var h=a.from_html("<div></div>");function f(e,t){a.push(t,!0);let n=a.prop(t,"color",3,"#FFFF00"),r=a.prop(t,"opacity",3,.5);var i=a.comment(),o=a.first_child(i);a.each(o,17,()=>t.segmentRects,a.index,(e,i)=>{var o=h();a.attribute_effect(o,e=>({role:"button",tabindex:t.onClick?0:-1,onpointerdown:t.onClick,ontouchstart:t.onClick,...e,[a.STYLE]:{position:"absolute",left:(t.rect?a.get(i).origin.x-t.rect.origin.x:a.get(i).origin.x)*t.scale+"px",top:(t.rect?a.get(i).origin.y-t.rect.origin.y:a.get(i).origin.y)*t.scale+"px",width:a.get(i).size.width*t.scale+"px",height:a.get(i).size.height*t.scale+"px",background:n(),opacity:r(),"pointer-events":t.onClick?"auto":"none",cursor:t.onClick?"pointer":"default","z-index":t.onClick?1:void 0}}),[()=>t.style?Object.fromEntries(Object.entries(t.style).map(([e,t])=>[`style:${e}`,t])):{}]),a.append(e,o)}),a.append(e,i),a.pop()}var m=a.from_html("<div><div></div></div>");function b(e,t){a.push(t,!0);let n=a.prop(t,"color",3,"#FFFF00"),r=a.prop(t,"opacity",3,.5);const i=a.derived(()=>2*t.scale);var o=a.comment(),s=a.first_child(o);a.each(s,17,()=>t.segmentRects,a.index,(e,o)=>{var s=m();a.attribute_effect(s,e=>({role:"button",tabindex:t.onClick?0:-1,onpointerdown:t.onClick,ontouchstart:t.onClick,...e,[a.STYLE]:{position:"absolute",left:(t.rect?a.get(o).origin.x-t.rect.origin.x:a.get(o).origin.x)*t.scale+"px",top:(t.rect?a.get(o).origin.y-t.rect.origin.y:a.get(o).origin.y)*t.scale+"px",width:a.get(o).size.width*t.scale+"px",height:a.get(o).size.height*t.scale+"px",background:"transparent","pointer-events":t.onClick?"auto":"none",cursor:t.onClick?"pointer":"default","z-index":t.onClick?1:0}}),[()=>t.style?Object.fromEntries(Object.entries(t.style).map(([e,t])=>[`style:${e}`,t])):{}]);var l=a.child(s);let d;a.reset(s),a.template_effect(()=>d=a.set_style(l,"",d,{position:"absolute",left:"0",bottom:"0",width:"100%",height:`${a.get(i)??""}px`,background:n(),opacity:r(),"pointer-events":"none"})),a.append(e,s)}),a.append(e,o),a.pop()}var _=a.from_html("<div><div></div></div>");function x(e,t){a.push(t,!0);let n=a.prop(t,"color",3,"#FFFF00"),r=a.prop(t,"opacity",3,.5);const i=a.derived(()=>2*t.scale);var o=a.comment(),s=a.first_child(o);a.each(s,17,()=>t.segmentRects,a.index,(e,o)=>{var s=_();a.attribute_effect(s,e=>({role:"button",tabindex:t.onClick?0:-1,onpointerdown:t.onClick,ontouchstart:t.onClick,...e,[a.STYLE]:{position:"absolute",left:(t.rect?a.get(o).origin.x-t.rect.origin.x:a.get(o).origin.x)*t.scale+"px",top:(t.rect?a.get(o).origin.y-t.rect.origin.y:a.get(o).origin.y)*t.scale+"px",width:a.get(o).size.width*t.scale+"px",height:a.get(o).size.height*t.scale+"px",background:"transparent","pointer-events":t.onClick?"auto":"none",cursor:t.onClick?"pointer":"default","z-index":t.onClick?1:0}}),[()=>t.style?Object.fromEntries(Object.entries(t.style).map(([e,t])=>[`style:${e}`,t])):{}]);var l=a.child(s);let d;a.reset(s),a.template_effect(()=>d=a.set_style(l,"",d,{position:"absolute",left:"0",top:"50%",width:"100%",height:`${a.get(i)??""}px`,background:n(),opacity:r(),transform:"translateY(-50%)","pointer-events":"none"})),a.append(e,s)}),a.append(e,o),a.pop()}var y=a.from_html("<div><div></div></div>");function k(e,t){a.push(t,!0);let n=a.prop(t,"color",3,"#FFFF00"),r=a.prop(t,"opacity",3,.5);const i=a.derived(()=>2*t.scale),o=a.derived(()=>6*t.scale),s=a.derived(()=>`<svg xmlns="http://www.w3.org/2000/svg" width="${a.get(o)}" height="${2*a.get(i)}" viewBox="0 0 ${a.get(o)} ${2*a.get(i)}">\n <path d="M0 ${a.get(i)} Q ${a.get(o)/4} 0 ${a.get(o)/2} ${a.get(i)} T ${a.get(o)} ${a.get(i)}"\n fill="none" stroke="${n()}" stroke-width="${a.get(i)}" stroke-linecap="round"/>\n </svg>`),l=a.derived(()=>`url("data:image/svg+xml;utf8,${encodeURIComponent(a.get(s))}")`);var d=a.comment(),c=a.first_child(d);a.each(c,17,()=>t.segmentRects,a.index,(e,n)=>{var s=y();a.attribute_effect(s,e=>({role:"button",tabindex:t.onClick?0:-1,onpointerdown:t.onClick,ontouchstart:t.onClick,...e,[a.STYLE]:{position:"absolute",left:(t.rect?a.get(n).origin.x-t.rect.origin.x:a.get(n).origin.x)*t.scale+"px",top:(t.rect?a.get(n).origin.y-t.rect.origin.y:a.get(n).origin.y)*t.scale+"px",width:a.get(n).size.width*t.scale+"px",height:a.get(n).size.height*t.scale+"px",background:"transparent","pointer-events":t.onClick?"auto":"none",cursor:t.onClick?"pointer":"default","z-index":t.onClick?1:0}}),[()=>t.style?Object.fromEntries(Object.entries(t.style).map(([e,t])=>[`style:${e}`,t])):{}]);var d=a.child(s);let c;a.reset(s),a.template_effect(()=>c=a.set_style(d,"",c,{position:"absolute",left:"0",bottom:"0",width:"100%",height:2*a.get(i)+"px","background-image":a.get(l),"background-repeat":"repeat-x","background-size":`${a.get(o)??""}px ${2*a.get(i)}px`,opacity:r(),"pointer-events":"none"})),a.append(e,s)}),a.append(e,d),a.pop()}var S=a.from_svg('<path fill="none"></path>'),$=a.from_svg("<svg></svg>");function w(e,t){a.push(t,!0);let n=a.prop(t,"color",3,"#000000"),r=a.prop(t,"opacity",3,1);const i=a.derived(()=>t.inkList.map(({points:e})=>{let n="";for(let r=0;r<e.length;r++){const{x:i,y:o}=e[r];n+=(0===r?"M":"L")+(i-t.rect.origin.x)+" "+(o-t.rect.origin.y)+" "}return n.trim()})),o=a.derived(()=>t.rect.size.width*t.scale),s=a.derived(()=>t.rect.size.height*t.scale);var l=$();let d;a.each(l,21,()=>a.get(i),a.index,(e,i)=>{var o=S();let s;o.__pointerdown=function(...e){var n;null==(n=t.onClick)||n.apply(this,e)},o.__touchstart=function(...e){var n;null==(n=t.onClick)||n.apply(this,e)},a.template_effect(()=>{a.set_attribute(o,"d",a.get(i)),a.set_attribute(o,"opacity",r()),s=a.set_style(o,"",s,{cursor:t.isSelected?"move":"pointer","pointer-events":t.isSelected?"none":"visibleStroke",stroke:n(),"stroke-width":t.strokeWidth,"stroke-linecap":"round","stroke-linejoin":"round"})}),a.append(e,o)}),a.reset(l),a.template_effect(()=>{d=a.set_style(l,"position: absolute; z-index: 2; overflow: visible; pointer-events: none;",d,{width:`${a.get(o)}px`,height:`${a.get(s)}px`}),a.set_attribute(l,"width",a.get(o)),a.set_attribute(l,"height",a.get(s)),a.set_attribute(l,"viewBox",`0 0 ${t.rect.size.width} ${t.rect.size.height}`)}),a.append(e,l),a.pop()}a.delegate(["pointerdown","touchstart"]);var A=a.from_svg("<svg><rect></rect></svg>");function C(e,t){a.push(t,!0);let n=a.prop(t,"color",3,"#000000"),r=a.prop(t,"opacity",3,1),o=a.prop(t,"strokeStyle",19,()=>i.PdfAnnotationBorderStyle.SOLID);const s=a.derived(()=>{const e=t.rect.size.width,n=t.rect.size.height;return{width:Math.max(e-t.strokeWidth,0),height:Math.max(n-t.strokeWidth,0),x:t.strokeWidth/2,y:t.strokeWidth/2}}),l=a.derived(()=>a.get(s).width),d=a.derived(()=>a.get(s).height),c=a.derived(()=>a.get(s).x),g=a.derived(()=>a.get(s).y),p=a.derived(()=>(a.get(l)+t.strokeWidth)*t.scale),u=a.derived(()=>(a.get(d)+t.strokeWidth)*t.scale),v=a.derived(()=>{var e;return o()===i.PdfAnnotationBorderStyle.DASHED?null==(e=t.strokeDashArray)?void 0:e.join(","):void 0});var h=A();let f;var m=a.child(h);let b;m.__pointerdown=function(...e){var n;null==(n=t.onClick)||n.apply(this,e)},m.__touchstart=function(...e){var n;null==(n=t.onClick)||n.apply(this,e)},a.reset(h),a.template_effect(()=>{f=a.set_style(h,"position: absolute; pointer-events: none; z-index: 2;",f,{width:`${a.get(p)}px`,height:`${a.get(u)}px`}),a.set_attribute(h,"width",a.get(p)),a.set_attribute(h,"height",a.get(u)),a.set_attribute(h,"viewBox",`0 0 ${a.get(l)+t.strokeWidth} ${a.get(d)+t.strokeWidth}`),a.set_attribute(m,"x",a.get(c)),a.set_attribute(m,"y",a.get(g)),a.set_attribute(m,"width",a.get(l)),a.set_attribute(m,"height",a.get(d)),a.set_attribute(m,"fill",n()),a.set_attribute(m,"opacity",r()),b=a.set_style(m,"",b,{cursor:t.isSelected?"move":"pointer","pointer-events":t.isSelected?"none":"transparent"===n()?"visibleStroke":"visible",stroke:t.strokeColor??n(),"stroke-width":t.strokeWidth,"stroke-dasharray":a.get(v)})}),a.append(e,h),a.pop()}a.delegate(["pointerdown","touchstart"]);var I=a.from_svg("<svg><ellipse></ellipse></svg>");function z(e,t){a.push(t,!0);let n=a.prop(t,"color",3,"#000000"),r=a.prop(t,"opacity",3,1),o=a.prop(t,"strokeStyle",19,()=>i.PdfAnnotationBorderStyle.SOLID);const s=a.derived(()=>{const e=t.rect.size.width,n=t.rect.size.height,r=Math.max(e-t.strokeWidth,0),i=Math.max(n-t.strokeWidth,0);return{width:e,height:n,cx:t.strokeWidth/2+r/2,cy:t.strokeWidth/2+i/2,rx:r/2,ry:i/2}}),l=a.derived(()=>a.get(s).width),d=a.derived(()=>a.get(s).height),c=a.derived(()=>a.get(s).cx),g=a.derived(()=>a.get(s).cy),p=a.derived(()=>a.get(s).rx),u=a.derived(()=>a.get(s).ry);let v=a.derived(()=>a.get(l)*t.scale),h=a.derived(()=>a.get(d)*t.scale),f=a.derived(()=>t.isSelected?"none":"transparent"===n()?"visibleStroke":"visible");var m=I();let b;var _=a.child(m);let x;_.__pointerdown=e=>{var n;return null==(n=t.onClick)?void 0:n.call(t,e)},_.__touchstart=e=>{var n;return null==(n=t.onClick)?void 0:n.call(t,e)},a.reset(m),a.template_effect(e=>{a.set_attribute(m,"svgWidth",a.get(v)),a.set_attribute(m,"svgHeight",a.get(h)),a.set_attribute(m,"viewBox",`0 0 ${a.get(l)} ${a.get(d)}`),b=a.set_style(m,"",b,{position:"absolute",width:`${a.get(v)}px`,height:`${a.get(h)}px`,"pointer-events":"none","z-index":"2"}),a.set_attribute(_,"cx",a.get(c)),a.set_attribute(_,"cy",a.get(g)),a.set_attribute(_,"rx",a.get(p)),a.set_attribute(_,"ry",a.get(u)),a.set_attribute(_,"fill",n()),a.set_attribute(_,"opacity",r()),a.set_attribute(_,"pointer-events",a.get(f)),a.set_attribute(_,"stroke",t.strokeColor??n()),a.set_attribute(_,"stroke-width",t.strokeWidth),a.set_attribute(_,"stroke-dasharray",e),x=a.set_style(_,"",x,{cursor:t.isSelected?"move":"pointer"})},[()=>{var e;return o()===i.PdfAnnotationBorderStyle.DASHED?null==(e=t.strokeDashArray)?void 0:e.join(","):void 0}]),a.append(e,m),a.pop()}a.delegate(["pointerdown","touchstart"]);var M=a.from_svg("<path></path>"),R=a.from_svg("<path></path>"),P=a.from_svg("<svg><line></line><!><!></svg>");function D(e,n){a.push(n,!0);let r=a.prop(n,"color",3,"transparent"),o=a.prop(n,"opacity",3,1),s=a.prop(n,"strokeColor",3,"#000000"),l=a.prop(n,"strokeStyle",19,()=>i.PdfAnnotationBorderStyle.SOLID);const d=a.derived(()=>n.linePoints.start.x-n.rect.origin.x),c=a.derived(()=>n.linePoints.start.y-n.rect.origin.y),g=a.derived(()=>n.linePoints.end.x-n.rect.origin.x),p=a.derived(()=>n.linePoints.end.y-n.rect.origin.y),u=a.derived(()=>{var e,r;const i=Math.atan2(a.get(p)-a.get(c),a.get(g)-a.get(d));return{start:t.patching.createEnding(null==(e=n.lineEndings)?void 0:e.start,n.strokeWidth,i+Math.PI,a.get(d),a.get(c)),end:t.patching.createEnding(null==(r=n.lineEndings)?void 0:r.end,n.strokeWidth,i,a.get(g),a.get(p))}}),v=a.derived(()=>n.rect.size.width*n.scale),h=a.derived(()=>n.rect.size.height*n.scale),f=a.derived(()=>{var e;return l()===i.PdfAnnotationBorderStyle.DASHED?null==(e=n.strokeDashArray)?void 0:e.join(","):void 0});var m=P();let b;var _=a.child(m);let x;_.__pointerdown=function(...e){var t;null==(t=n.onClick)||t.apply(this,e)},_.__touchstart=function(...e){var t;null==(t=n.onClick)||t.apply(this,e)};var y=a.sibling(_),k=e=>{var t=M();let i;t.__pointerdown=function(...e){var t;null==(t=n.onClick)||t.apply(this,e)},t.__touchstart=function(...e){var t;null==(t=n.onClick)||t.apply(this,e)},a.template_effect(()=>{a.set_attribute(t,"d",a.get(u).start.d),a.set_attribute(t,"transform",a.get(u).start.transform),a.set_attribute(t,"stroke",s()),a.set_attribute(t,"fill",a.get(u).start.filled?r():"none"),i=a.set_style(t,"",i,{cursor:n.isSelected?"move":"pointer","stroke-width":n.strokeWidth,"stroke-linecap":"butt","pointer-events":n.isSelected?"none":a.get(u).start.filled?"visible":"visibleStroke","stroke-dasharray":a.get(f)})}),a.append(e,t)};a.if(y,e=>{a.get(u).start&&e(k)});var S=a.sibling(y),$=e=>{var t=R();let i;t.__pointerdown=function(...e){var t;null==(t=n.onClick)||t.apply(this,e)},t.__touchstart=function(...e){var t;null==(t=n.onClick)||t.apply(this,e)},a.template_effect(()=>{a.set_attribute(t,"d",a.get(u).end.d),a.set_attribute(t,"transform",a.get(u).end.transform),a.set_attribute(t,"stroke",s()),a.set_attribute(t,"fill",a.get(u).end.filled?r():"none"),i=a.set_style(t,"",i,{cursor:n.isSelected?"move":"pointer","stroke-width":n.strokeWidth,"stroke-linecap":"butt","pointer-events":n.isSelected?"none":a.get(u).end.filled?"visible":"visibleStroke","stroke-dasharray":a.get(f)})}),a.append(e,t)};a.if(S,e=>{a.get(u).end&&e($)}),a.reset(m),a.template_effect(()=>{b=a.set_style(m,"position: absolute; z-index: 2; overflow: visible; pointer-events: none;",b,{width:`${a.get(v)}px`,height:`${a.get(h)}px`}),a.set_attribute(m,"width",a.get(v)),a.set_attribute(m,"height",a.get(h)),a.set_attribute(m,"viewBox",`0 0 ${n.rect.size.width} ${n.rect.size.height}`),a.set_attribute(_,"x1",a.get(d)),a.set_attribute(_,"y1",a.get(c)),a.set_attribute(_,"x2",a.get(g)),a.set_attribute(_,"y2",a.get(p)),a.set_attribute(_,"opacity",o()),x=a.set_style(_,"",x,{cursor:n.isSelected?"move":"pointer","pointer-events":n.isSelected?"none":"visibleStroke",stroke:s(),"stroke-width":n.strokeWidth,"stroke-linecap":"butt","stroke-dasharray":a.get(f)})}),a.append(e,m),a.pop()}a.delegate(["pointerdown","touchstart"]);var j=a.from_svg("<path></path>"),E=a.from_svg("<path></path>"),O=a.from_svg("<svg><path></path><!><!></svg>");function W(e,n){a.push(n,!0);let r=a.prop(n,"color",3,"transparent"),i=a.prop(n,"strokeColor",3,"#000000"),o=a.prop(n,"opacity",3,1);const s=a.derived(()=>n.vertices.map(({x:e,y:t})=>({x:e-n.rect.origin.x,y:t-n.rect.origin.y}))),l=a.derived(()=>{if(!a.get(s).length)return"";const[e,...t]=a.get(s);return`M ${e.x} ${e.y} `+t.map(e=>`L ${e.x} ${e.y} `).join("").trim()}),d=a.derived(()=>{var e,r;if(a.get(s).length<2)return{start:null,end:null};const i=(e,t)=>Math.atan2(t.y-e.y,t.x-e.x),o=i(a.get(s)[0],a.get(s)[1]),l=i(a.get(s)[a.get(s).length-2],a.get(s)[a.get(s).length-1]);return{start:t.patching.createEnding(null==(e=n.lineEndings)?void 0:e.start,n.strokeWidth,o+Math.PI,a.get(s)[0].x,a.get(s)[0].y),end:t.patching.createEnding(null==(r=n.lineEndings)?void 0:r.end,n.strokeWidth,l,a.get(s)[a.get(s).length-1].x,a.get(s)[a.get(s).length-1].y)}}),c=a.derived(()=>n.rect.size.width*n.scale),g=a.derived(()=>n.rect.size.height*n.scale);var p=O();let u;var v=a.child(p);let h;v.__pointerdown=function(...e){var t;null==(t=n.onClick)||t.apply(this,e)},v.__touchstart=function(...e){var t;null==(t=n.onClick)||t.apply(this,e)};var f=a.sibling(v),m=e=>{var t=j();let o;t.__pointerdown=function(...e){var t;null==(t=n.onClick)||t.apply(this,e)},t.__touchstart=function(...e){var t;null==(t=n.onClick)||t.apply(this,e)},a.template_effect(()=>{a.set_attribute(t,"d",a.get(d).start.d),a.set_attribute(t,"transform",a.get(d).start.transform),a.set_attribute(t,"stroke",i()),a.set_attribute(t,"fill",a.get(d).start.filled?r():"none"),o=a.set_style(t,"",o,{cursor:n.isSelected?"move":"pointer","stroke-width":n.strokeWidth,"pointer-events":n.isSelected?"none":a.get(d).start.filled?"visible":"visibleStroke","stroke-linecap":"butt"})}),a.append(e,t)};a.if(f,e=>{a.get(d).start&&e(m)});var b=a.sibling(f),_=e=>{var t=E();let o;t.__pointerdown=function(...e){var t;null==(t=n.onClick)||t.apply(this,e)},t.__touchstart=function(...e){var t;null==(t=n.onClick)||t.apply(this,e)},a.template_effect(()=>{a.set_attribute(t,"d",a.get(d).end.d),a.set_attribute(t,"transform",a.get(d).end.transform),a.set_attribute(t,"stroke",i()),a.set_attribute(t,"fill",a.get(d).end.filled?r():"none"),o=a.set_style(t,"",o,{cursor:n.isSelected?"move":"pointer","stroke-width":n.strokeWidth,"pointer-events":n.isSelected?"none":a.get(d).end.filled?"visible":"visibleStroke","stroke-linecap":"butt"})}),a.append(e,t)};a.if(b,e=>{a.get(d).end&&e(_)}),a.reset(p),a.template_effect(()=>{u=a.set_style(p,"position: absolute; width: var(--w); height: var(--h); pointer-events: none; z-index: 2; overflow: visible;",u,{"--w":`${a.get(c)}px`,"--h":`${a.get(g)}px`}),a.set_attribute(p,"width",a.get(c)),a.set_attribute(p,"height",a.get(g)),a.set_attribute(p,"viewBox",`0 0 ${n.rect.size.width} ${n.rect.size.height}`),a.set_attribute(v,"d",a.get(l)),a.set_attribute(v,"opacity",o()),h=a.set_style(v,"",h,{fill:"none",stroke:i()??r(),"stroke-width":n.strokeWidth,cursor:n.isSelected?"move":"pointer","pointer-events":n.isSelected?"none":"visibleStroke","stroke-linecap":"butt","stroke-linejoin":"miter"})}),a.append(e,p),a.pop()}a.delegate(["pointerdown","touchstart"]);var L=a.from_svg('<path fill="none"></path>'),U=a.from_svg("<rect></rect>"),T=a.from_svg("<svg><path></path><!><!></svg>");function F(e,t){a.push(t,!0);let n=a.prop(t,"color",3,"transparent"),r=a.prop(t,"strokeColor",3,"#000000"),o=a.prop(t,"opacity",3,1),s=a.prop(t,"strokeStyle",19,()=>i.PdfAnnotationBorderStyle.SOLID),l=a.prop(t,"handleSize",3,14);const d=a.derived(()=>t.currentVertex?[...t.vertices,t.currentVertex]:t.vertices),c=a.derived(()=>a.get(d).map(({x:e,y:n})=>({x:e-t.rect.origin.x,y:n-t.rect.origin.y}))),g=a.derived(()=>{if(!a.get(c).length)return"";const[e,...n]=a.get(c),r=!!t.currentVertex;return(`M ${e.x} ${e.y} `+n.map(e=>`L ${e.x} ${e.y}`).join(" ")+(r?"":" Z")).trim()}),p=a.derived(()=>!!t.currentVertex&&t.vertices.length>0),u=a.derived(()=>t.rect.size.width*t.scale),v=a.derived(()=>t.rect.size.height*t.scale),h=a.derived(()=>{var e;return s()===i.PdfAnnotationBorderStyle.DASHED?null==(e=t.strokeDashArray)?void 0:e.join(","):void 0});var f=T();let m;var b=a.child(f);let _;b.__pointerdown=function(...e){var n;null==(n=t.onClick)||n.apply(this,e)},b.__touchstart=function(...e){var n;null==(n=t.onClick)||n.apply(this,e)};var x=a.sibling(b),y=e=>{var n=L();let i;a.template_effect(()=>{a.set_attribute(n,"d",`M ${a.get(c)[a.get(c).length-1].x} ${a.get(c)[a.get(c).length-1].y} L ${a.get(c)[0].x} ${a.get(c)[0].y}`),i=a.set_style(n,"",i,{stroke:r(),"stroke-width":t.strokeWidth,"stroke-dasharray":"4,4",opacity:.7})}),a.append(e,n)};a.if(x,e=>{a.get(p)&&t.vertices.length>1&&e(y)});var k=a.sibling(x),S=e=>{var n=U();a.set_attribute(n,"opacity",.4),a.template_effect(()=>{a.set_attribute(n,"x",a.get(c)[0].x-l()/t.scale/2),a.set_attribute(n,"y",a.get(c)[0].y-l()/t.scale/2),a.set_attribute(n,"width",l()/t.scale),a.set_attribute(n,"height",l()/t.scale),a.set_attribute(n,"fill",r()),a.set_attribute(n,"stroke",r()),a.set_attribute(n,"stroke-width",t.strokeWidth/2)}),a.append(e,n)};a.if(k,e=>{a.get(p)&&t.vertices.length>=2&&e(S)}),a.reset(f),a.template_effect(()=>{m=a.set_style(f,"position: absolute; z-index: 2; overflow: visible; pointer-events: none;",m,{width:`${a.get(u)}px`,height:`${a.get(v)}px`}),a.set_attribute(f,"width",a.get(u)),a.set_attribute(f,"height",a.get(v)),a.set_attribute(f,"viewBox",`0 0 ${t.rect.size.width} ${t.rect.size.height}`),a.set_attribute(b,"d",a.get(g)),a.set_attribute(b,"opacity",o()),_=a.set_style(b,"",_,{fill:t.currentVertex?"none":n(),stroke:r()??n(),"stroke-width":t.strokeWidth,cursor:t.isSelected?"move":"pointer","pointer-events":t.isSelected?"none":"transparent"===n()?"visibleStroke":"visible","stroke-linecap":"butt","stroke-linejoin":"miter","stroke-dasharray":a.get(h)})}),a.append(e,f),a.pop()}a.delegate(["pointerdown","touchstart"]);var B=a.from_html('<div><span tabindex="0"> </span></div>');function H(e,t){a.push(t,!0);const n=d(),r=a.derived(()=>n.provides?n.provides.forDocument(t.documentId):null);let o=null,s=a.state(!1);a.user_effect(()=>{var e;if(!t.isEditing||!o)return;o.focus();const n=null==(e=window.getSelection)?void 0:e.call(window);if(!n)return;const r=document.createRange();r.selectNodeContents(o),r.collapse(!1),n.removeAllRanges(),n.addRange(r)}),a.user_pre_effect(()=>{try{const e=navigator,t=/iPad|iPhone|iPod/.test(navigator.userAgent)||"MacIntel"===navigator.platform&&(null==e?void 0:e.maxTouchPoints)>1;a.set(s,t,!0)}catch{a.set(s,!1)}});const l=a.derived(()=>t.annotation.object.fontSize*t.scale),c=a.derived(()=>a.get(s)&&t.isEditing&&a.get(l)>0&&a.get(l)<16),g=a.derived(()=>a.get(c)?16:a.get(l)),p=a.derived(()=>a.get(c)?a.get(l)/16:1),u=a.derived(()=>a.get(c)?100/a.get(p):100),v=a.derived(()=>t.annotation.object.rect.size.width*t.scale),h=a.derived(()=>t.annotation.object.rect.size.height*t.scale),f=a.derived(()=>t.annotation.object.verticalAlign===i.PdfVerticalAlignment.Top?"flex-start":t.annotation.object.verticalAlign===i.PdfVerticalAlignment.Middle?"center":"flex-end");var m=B();let b;m.__pointerdown=function(...e){var n;null==(n=t.onClick)||n.apply(this,e)},m.__touchstart=function(...e){var n;null==(n=t.onClick)||n.apply(this,e)};var _=a.child(m);let x;var y=a.child(_,!0);a.reset(_),a.bind_this(_,e=>o=e,()=>o),a.reset(m),a.template_effect(e=>{b=a.set_style(m,"",b,{position:"absolute",width:`${a.get(v)}px`,height:`${a.get(h)}px`,"z-index":2,cursor:t.isSelected&&!t.isEditing?"move":"default","pointer-events":t.isSelected&&!t.isEditing?"none":"auto"}),a.set_attribute(_,"contenteditable",t.isEditing),x=a.set_style(_,"",x,e),a.set_text(y,t.annotation.object.contents)},[()=>({display:"flex","flex-direction":"column","justify-content":a.get(f),color:t.annotation.object.fontColor,"font-size":`${a.get(g)}px`,"font-family":i.standardFontCss(t.annotation.object.fontFamily),"text-align":i.textAlignmentToCss(t.annotation.object.textAlign),"background-color":t.annotation.object.backgroundColor,opacity:t.annotation.object.opacity,width:a.get(c)?`${a.get(u)}%`:"100%",height:a.get(c)?`${a.get(u)}%`:"100%","line-height":"1.18",overflow:"hidden",cursor:t.isEditing?"text":"pointer",outline:"none",transform:a.get(c)?`scale(${a.get(p)})`:void 0,"transform-origin":"top left"})]),a.event("blur",_,function(){a.get(r)&&o&&a.get(r).updateAnnotation(t.pageIndex,t.annotation.object.id,{contents:o.innerText})}),a.append(e,m),a.pop()}a.delegate(["pointerdown","touchstart"]);var q=a.from_html("<img/>");function V(e,t){a.push(t,!0);let n=a.prop(t,"scaleFactor",3,1),o=a.rest_props(t,["$$slots","$$events","$$legacy","documentId","pageIndex","annotation","scaleFactor","style"]);const s=d();let l=a.state(null),c=null;const g=a.derived(()=>t.annotation.rect.size);a.derived(()=>a.get(g).width),a.derived(()=>a.get(g).height);const p=a.derived(()=>s.provides?s.provides.forDocument(t.documentId):null);function u(){c&&(URL.revokeObjectURL(c),c=null)}a.user_effect(()=>{if(a.get(p)){const e=a.get(p).renderAnnotation({pageIndex:t.pageIndex,annotation:r.deepToRaw(t.annotation),options:{scaleFactor:n(),dpr:window.devicePixelRatio}});return e.wait(e=>{const t=URL.createObjectURL(e);a.set(l,t,!0),c=t},i.ignore),()=>{c?(URL.revokeObjectURL(c),c=null):e.abort({code:i.PdfErrorCode.Cancelled,message:"canceled render task"})}}});var v=a.comment(),h=a.first_child(v),f=e=>{var n=q();a.attribute_effect(n,()=>({alt:"",src:a.get(l),onload:u,...o,style:t.style,[a.STYLE]:{width:"100%",height:"100%",display:"block"}})),a.replay_events(n),a.append(e,n)};a.if(h,e=>{a.get(l)&&e(f)}),a.append(e,v),a.pop()}var N=a.from_html("<div><!></div>");function Y(e,t){a.push(t,!0);let n=a.derived(()=>({...t.annotation.object,id:t.annotation.object.id}));var r=N();let i;r.__pointerdown=function(...e){var n;null==(n=t.onClick)||n.apply(this,e)},r.__touchstart=function(...e){var n;null==(n=t.onClick)||n.apply(this,e)},V(a.child(r),{get documentId(){return t.documentId},get pageIndex(){return t.pageIndex},get annotation(){return a.get(n)},get scaleFactor(){return t.scale}}),a.reset(r),a.template_effect(()=>i=a.set_style(r,"position: absolute; width: 100%; height: 100%; z-index: 2;",i,{"pointer-events":t.isSelected?"none":"auto",cursor:"pointer"})),a.append(e,r),a.pop()}function G(e,n){a.push(n,!0);let r=a.rest_props(n,["$$slots","$$events","$$legacy"]);const l=d(),c=s.useSelectionCapability(),g=o.usePointerHandlers({documentId:n.documentId,pageIndex:n.pageIndex});let p=a.state(a.proxy([])),u=a.state(null),h=a.state(null);const m=a.derived(()=>l.provides?l.provides.forDocument(n.documentId):null);a.user_effect(()=>{if(!a.get(m))return;const e=a.get(m).getState();a.set(p,t.getAnnotationsByPageIndex(e,n.pageIndex),!0),a.set(u,t.getSelectedAnnotationByPageIndex(e,n.pageIndex),!0);const r=a.get(m).onStateChange(e=>{a.set(p,t.getAnnotationsByPageIndex(e,n.pageIndex),!0),a.set(u,t.getSelectedAnnotationByPageIndex(e,n.pageIndex),!0)});return()=>null==r?void 0:r()});const _={onPointerDown:(e,t)=>{t.target===t.currentTarget&&a.get(m)&&(a.get(m).deselectAnnotation(),a.set(h,null))}};function y(e,t){e.stopPropagation(),a.get(m)&&c.provides&&(a.get(m).selectAnnotation(n.pageIndex,t.object.id),c.provides.clear(),t.object.id!==a.get(h)&&a.set(h,null))}a.user_effect(()=>g.register(_,{documentId:n.documentId}));var S=a.comment(),$=a.first_child(S);a.each($,17,()=>a.get(p),e=>e.object.id,(e,o)=>{const s=a.derived(()=>{var e;return(null==(e=a.get(u))?void 0:e.object.id)===a.get(o).object.id}),l=a.derived(()=>a.get(h)===a.get(o).object.id),d=a.derived(()=>{var e;return null==(e=a.get(m))?void 0:e.findToolForAnnotation(a.get(o).object)}),c=a.derived(()=>i.blendModeToCss(a.get(o).object.blendMode??i.PdfBlendMode.Normal));var g=a.comment(),p=a.first_child(g),_=e=>{{const t=(e,t=a.noop)=>{w(e,a.spread_props(t,{get isSelected(){return a.get(s)},get scale(){return n.scale},onClick:e=>y(e,a.get(o))}))};let i=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.isDraggable)??!0}),l=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.isResizable)??!0}),g=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.lockAspectRatio)??!1});v(e,a.spread_props({get trackedAnnotation(){return a.get(o)},get isSelected(){return a.get(s)},get isDraggable(){return a.get(i)},get isResizable(){return a.get(l)},get lockAspectRatio(){return a.get(g)},get selectionMenu(){return n.selectionMenu},get selectionMenuSnippet(){return n.selectionMenuSnippet},onSelect:e=>y(e,a.get(o)),get style(){return`mix-blend-mode: ${a.get(c)??""}`}},()=>r,{children:t,$$slots:{default:!0}}))}},S=e=>{var g=a.comment(),p=a.first_child(g),u=e=>{{const t=(e,t=a.noop)=>{C(e,a.spread_props(t,{get isSelected(){return a.get(s)},get scale(){return n.scale},onClick:e=>y(e,a.get(o))}))};let i=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.isDraggable)??!0}),l=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.isResizable)??!0}),g=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.lockAspectRatio)??!1});v(e,a.spread_props({get trackedAnnotation(){return a.get(o)},get isSelected(){return a.get(s)},get isDraggable(){return a.get(i)},get isResizable(){return a.get(l)},get lockAspectRatio(){return a.get(g)},get selectionMenu(){return n.selectionMenu},get selectionMenuSnippet(){return n.selectionMenuSnippet},onSelect:e=>y(e,a.get(o)),get style(){return`mix-blend-mode: ${a.get(c)??""}`}},()=>r,{children:t,$$slots:{default:!0}}))}},m=e=>{var g=a.comment(),p=a.first_child(g),u=e=>{{const t=(e,t=a.noop)=>{z(e,a.spread_props(t,{get isSelected(){return a.get(s)},get scale(){return n.scale},onClick:e=>y(e,a.get(o))}))};let i=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.isDraggable)??!0}),l=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.isResizable)??!0}),g=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.lockAspectRatio)??!1});v(e,a.spread_props({get trackedAnnotation(){return a.get(o)},get isSelected(){return a.get(s)},get isDraggable(){return a.get(i)},get isResizable(){return a.get(l)},get lockAspectRatio(){return a.get(g)},get selectionMenu(){return n.selectionMenu},get selectionMenuSnippet(){return n.selectionMenuSnippet},onSelect:e=>y(e,a.get(o)),get style(){return`mix-blend-mode: ${a.get(c)??""}`}},()=>r,{children:t,$$slots:{default:!0}}))}},m=e=>{var g=a.comment(),p=a.first_child(g),u=e=>{{const t=(e,t=a.noop)=>{b(e,a.spread_props(t,{get scale(){return n.scale},onClick:e=>y(e,a.get(o))}))};let i=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.isDraggable)??!1}),l=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.isResizable)??!1}),g=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.lockAspectRatio)??!1});v(e,a.spread_props({get trackedAnnotation(){return a.get(o)},get isSelected(){return a.get(s)},get isDraggable(){return a.get(i)},get isResizable(){return a.get(l)},get lockAspectRatio(){return a.get(g)},get selectionMenu(){return n.selectionMenu},get selectionMenuSnippet(){return n.selectionMenuSnippet},onSelect:e=>y(e,a.get(o)),zIndex:0,get style(){return`mix-blend-mode: ${a.get(c)??""}`}},()=>r,{children:t,$$slots:{default:!0}}))}},m=e=>{var g=a.comment(),p=a.first_child(g),u=e=>{{const t=(e,t=a.noop)=>{x(e,a.spread_props(t,{get scale(){return n.scale},onClick:e=>y(e,a.get(o))}))};let i=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.isDraggable)??!1}),l=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.isResizable)??!1}),g=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.lockAspectRatio)??!1});v(e,a.spread_props({get trackedAnnotation(){return a.get(o)},get isSelected(){return a.get(s)},get isDraggable(){return a.get(i)},get isResizable(){return a.get(l)},get lockAspectRatio(){return a.get(g)},get selectionMenu(){return n.selectionMenu},get selectionMenuSnippet(){return n.selectionMenuSnippet},onSelect:e=>y(e,a.get(o)),zIndex:0,get style(){return`mix-blend-mode: ${a.get(c)??""}`}},()=>r,{children:t,$$slots:{default:!0}}))}},m=e=>{var g=a.comment(),p=a.first_child(g),u=e=>{{const t=(e,t=a.noop)=>{k(e,a.spread_props(t,{get scale(){return n.scale},onClick:e=>y(e,a.get(o))}))};let i=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.isDraggable)??!1}),l=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.isResizable)??!1}),g=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.lockAspectRatio)??!1});v(e,a.spread_props({get trackedAnnotation(){return a.get(o)},get isSelected(){return a.get(s)},get isDraggable(){return a.get(i)},get isResizable(){return a.get(l)},get lockAspectRatio(){return a.get(g)},get selectionMenu(){return n.selectionMenu},get selectionMenuSnippet(){return n.selectionMenuSnippet},onSelect:e=>y(e,a.get(o)),zIndex:0,get style(){return`mix-blend-mode: ${a.get(c)??""}`}},()=>r,{children:t,$$slots:{default:!0}}))}},m=e=>{var g=a.comment(),p=a.first_child(g),u=e=>{{const t=(e,t=a.noop)=>{f(e,a.spread_props(t,{get scale(){return n.scale},onClick:e=>y(e,a.get(o))}))};let l=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.isDraggable)??!1}),c=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.isResizable)??!1}),g=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.lockAspectRatio)??!1}),p=a.derived(()=>i.blendModeToCss(a.get(o).object.blendMode??i.PdfBlendMode.Multiply));v(e,a.spread_props({get trackedAnnotation(){return a.get(o)},get isSelected(){return a.get(s)},get isDraggable(){return a.get(l)},get isResizable(){return a.get(c)},get lockAspectRatio(){return a.get(g)},onSelect:e=>y(e,a.get(o)),zIndex:0,get selectionMenu(){return n.selectionMenu},get selectionMenuSnippet(){return n.selectionMenuSnippet},get style(){return`mix-blend-mode: ${a.get(p)??""}`}},()=>r,{children:t,$$slots:{default:!0}}))}},m=e=>{var g=a.comment(),p=a.first_child(g),u=e=>{{const t=(e,t=a.noop)=>{D(e,a.spread_props(t,{get isSelected(){return a.get(s)},get scale(){return n.scale},onClick:e=>y(e,a.get(o))}))};let i=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.isDraggable)??!0}),l=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.isResizable)??!1}),g=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.lockAspectRatio)??!1});v(e,a.spread_props({get trackedAnnotation(){return a.get(o)},get isSelected(){return a.get(s)},get isDraggable(){return a.get(i)},get isResizable(){return a.get(l)},get lockAspectRatio(){return a.get(g)},get selectionMenu(){return n.selectionMenu},get selectionMenuSnippet(){return n.selectionMenuSnippet},onSelect:e=>y(e,a.get(o)),vertexConfig:{extractVertices:e=>[e.linePoints.start,e.linePoints.end],transformAnnotation:(e,t)=>({...e,linePoints:{start:t[0],end:t[1]}})},get style(){return`mix-blend-mode: ${a.get(c)??""}`}},()=>r,{children:t,$$slots:{default:!0}}))}},f=e=>{var g=a.comment(),p=a.first_child(g),u=e=>{{const t=(e,t=a.noop)=>{W(e,a.spread_props(t,{get isSelected(){return a.get(s)},get scale(){return n.scale},onClick:e=>y(e,a.get(o))}))};let i=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.isDraggable)??!0}),l=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.isResizable)??!1}),g=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.lockAspectRatio)??!1});v(e,a.spread_props({get trackedAnnotation(){return a.get(o)},get selectionMenu(){return n.selectionMenu},get selectionMenuSnippet(){return n.selectionMenuSnippet},get isDraggable(){return a.get(i)},get isResizable(){return a.get(l)},get lockAspectRatio(){return a.get(g)},get isSelected(){return a.get(s)},onSelect:e=>y(e,a.get(o)),vertexConfig:{extractVertices:e=>e.vertices,transformAnnotation:(e,t)=>({...e,vertices:t})},get style(){return`mix-blend-mode: ${a.get(c)??""}`}},()=>r,{children:t,$$slots:{default:!0}}))}},f=e=>{var g=a.comment(),p=a.first_child(g),u=e=>{{const t=(e,t=a.noop)=>{F(e,a.spread_props(t,{get isSelected(){return a.get(s)},get scale(){return n.scale},onClick:e=>y(e,a.get(o))}))};let i=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.isDraggable)??!0}),l=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.isResizable)??!1}),g=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.lockAspectRatio)??!1});v(e,a.spread_props({get trackedAnnotation(){return a.get(o)},get isSelected(){return a.get(s)},get isDraggable(){return a.get(i)},get isResizable(){return a.get(l)},get lockAspectRatio(){return a.get(g)},get selectionMenu(){return n.selectionMenu},get selectionMenuSnippet(){return n.selectionMenuSnippet},onSelect:e=>y(e,a.get(o)),vertexConfig:{extractVertices:e=>e.vertices,transformAnnotation:(e,t)=>({...e,vertices:t})},get style(){return`mix-blend-mode: ${a.get(c)??""}`}},()=>r,{children:t,$$slots:{default:!0}}))}},f=e=>{var g=a.comment(),p=a.first_child(g),u=e=>{{const t=(e,t=a.noop)=>{{let r=a.derived(()=>({...a.get(o),object:t()}));H(e,{get documentId(){return n.documentId},get isSelected(){return a.get(s)},get isEditing(){return a.get(l)},get annotation(){return a.get(r)},get pageIndex(){return n.pageIndex},get scale(){return n.scale},onClick:e=>y(e,a.get(o))})}};let c=a.derived(()=>{var e;return((null==(e=a.get(d))?void 0:e.interaction.isDraggable)??!0)&&!a.get(l)}),g=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.isResizable)??!0}),p=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.lockAspectRatio)??!1}),u=a.derived(()=>i.blendModeToCss(a.get(o).object.blendMode??i.PdfBlendMode.Normal));v(e,a.spread_props({get trackedAnnotation(){return a.get(o)},get isSelected(){return a.get(s)},get isDraggable(){return a.get(c)},get isResizable(){return a.get(g)},get lockAspectRatio(){return a.get(p)},get selectionMenu(){return n.selectionMenu},get selectionMenuSnippet(){return n.selectionMenuSnippet},onSelect:e=>y(e,a.get(o)),get style(){return`mix-blend-mode: ${a.get(u)??""}`},onDoubleClick:e=>{e.stopPropagation(),a.set(h,a.get(o).object.id,!0)}},()=>r,{children:t,$$slots:{default:!0}}))}},f=e=>{var i=a.comment(),l=a.first_child(i),g=e=>{{const t=(e,t=a.noop)=>{Y(e,{get documentId(){return n.documentId},get isSelected(){return a.get(s)},get annotation(){return a.get(o)},get pageIndex(){return n.pageIndex},get scale(){return n.scale},onClick:e=>y(e,a.get(o))})};let i=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.isDraggable)??!0}),l=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.isResizable)??!0}),g=a.derived(()=>{var e;return(null==(e=a.get(d))?void 0:e.interaction.lockAspectRatio)??!1});v(e,a.spread_props({get trackedAnnotation(){return a.get(o)},get isSelected(){return a.get(s)},get isDraggable(){return a.get(i)},get isResizable(){return a.get(l)},get lockAspectRatio(){return a.get(g)},get selectionMenu(){return n.selectionMenu},get selectionMenuSnippet(){return n.selectionMenuSnippet},onSelect:e=>y(e,a.get(o)),get style(){return`mix-blend-mode: ${a.get(c)??""}`}},()=>r,{children:t,$$slots:{default:!0}}))}};a.if(l,e=>{t.isStamp(a.get(o))&&e(g)},!0),a.append(e,i)};a.if(p,e=>{t.isFreeText(a.get(o))?e(u):e(f,!1)},!0),a.append(e,g)};a.if(p,e=>{t.isPolygon(a.get(o))?e(u):e(f,!1)},!0),a.append(e,g)};a.if(p,e=>{t.isPolyline(a.get(o))?e(u):e(f,!1)},!0),a.append(e,g)};a.if(p,e=>{t.isLine(a.get(o))?e(u):e(f,!1)},!0),a.append(e,g)};a.if(p,e=>{t.isHighlight(a.get(o))?e(u):e(m,!1)},!0),a.append(e,g)};a.if(p,e=>{t.isSquiggly(a.get(o))?e(u):e(m,!1)},!0),a.append(e,g)};a.if(p,e=>{t.isStrikeout(a.get(o))?e(u):e(m,!1)},!0),a.append(e,g)};a.if(p,e=>{t.isUnderline(a.get(o))?e(u):e(m,!1)},!0),a.append(e,g)};a.if(p,e=>{t.isCircle(a.get(o))?e(u):e(m,!1)},!0),a.append(e,g)};a.if(p,e=>{t.isSquare(a.get(o))?e(u):e(m,!1)},!0),a.append(e,g)};a.if(p,e=>{t.isInk(a.get(o))?e(_):e(S,!1)}),a.append(e,g)}),a.append(e,S),a.pop()}a.delegate(["pointerdown","touchstart"]);var Q=a.from_html("<div><!></div>"),K=a.from_html("<div><!></div>"),X=a.from_html("<div><!></div>"),Z=a.from_html("<div><!></div>");function J(e,t){a.push(t,!0);const n=s.useSelectionCapability(),r=d();let o=a.state(a.proxy([])),l=a.state(null),c=a.state(null);const g=a.derived(()=>n.provides?n.provides.forDocument(t.documentId):null),p=a.derived(()=>r.provides?r.provides.forDocument(t.documentId):null);a.user_effect(()=>{if(!a.get(g))return;return a.get(g).onSelectionChange(()=>{a.set(o,a.get(g).getHighlightRectsForPage(t.pageIndex),!0),a.set(l,a.get(g).getBoundingRectForPage(t.pageIndex),!0)})}),a.user_effect(()=>{if(!a.get(p))return;a.set(c,a.get(p).getActiveTool(),!0);return a.get(p).onActiveToolChange(e=>{a.set(c,e,!0)})});const u=a.derived(()=>{var e,t,n,r;return(null==(t=null==(e=a.get(c))?void 0:e.defaults)?void 0:t.blendMode)?i.blendModeToCss(a.get(c).defaults.blendMode):(null==(r=null==(n=a.get(c))?void 0:n.defaults)?void 0:r.type)===i.PdfAnnotationSubtype.HIGHLIGHT?i.blendModeToCss(i.PdfBlendMode.Multiply):i.blendModeToCss(i.PdfBlendMode.Normal)});var v=a.comment(),h=a.first_child(v),m=e=>{var n=a.comment(),r=a.first_child(n),s=e=>{var n=Q();let r;var i=a.child(n);{let e=a.derived(()=>{var e;return null==(e=a.get(c).defaults)?void 0:e.color}),n=a.derived(()=>{var e;return null==(e=a.get(c).defaults)?void 0:e.opacity});b(i,{get color(){return a.get(e)},get opacity(){return a.get(n)},get segmentRects(){return a.get(o)},get scale(){return t.scale}})}a.reset(n),a.template_effect(()=>r=a.set_style(n,"",r,{"mix-blend-mode":a.get(u),"pointer-events":"none",position:"absolute",inset:"0"})),a.append(e,n)},l=e=>{var n=a.comment(),r=a.first_child(n),s=e=>{var n=K();let r;var i=a.child(n);{let e=a.derived(()=>{var e;return null==(e=a.get(c).defaults)?void 0:e.color}),n=a.derived(()=>{var e;return null==(e=a.get(c).defaults)?void 0:e.opacity});f(i,{get color(){return a.get(e)},get opacity(){return a.get(n)},get segmentRects(){return a.get(o)},get scale(){return t.scale}})}a.reset(n),a.template_effect(()=>r=a.set_style(n,"",r,{"mix-blend-mode":a.get(u),"pointer-events":"none",position:"absolute",inset:"0"})),a.append(e,n)},l=e=>{var n=a.comment(),r=a.first_child(n),s=e=>{var n=X();let r;var i=a.child(n);{let e=a.derived(()=>{var e;return null==(e=a.get(c).defaults)?void 0:e.color}),n=a.derived(()=>{var e;return null==(e=a.get(c).defaults)?void 0:e.opacity});x(i,{get color(){return a.get(e)},get opacity(){return a.get(n)},get segmentRects(){return a.get(o)},get scale(){return t.scale}})}a.reset(n),a.template_effect(()=>r=a.set_style(n,"",r,{"mix-blend-mode":a.get(u),"pointer-events":"none",position:"absolute",inset:"0"})),a.append(e,n)},l=e=>{var n=a.comment(),r=a.first_child(n),s=e=>{var n=Z();let r;var i=a.child(n);{let e=a.derived(()=>{var e;return null==(e=a.get(c).defaults)?void 0:e.color}),n=a.derived(()=>{var e;return null==(e=a.get(c).defaults)?void 0:e.opacity});k(i,{get color(){return a.get(e)},get opacity(){return a.get(n)},get segmentRects(){return a.get(o)},get scale(){return t.scale}})}a.reset(n),a.template_effect(()=>r=a.set_style(n,"",r,{"mix-blend-mode":a.get(u),"pointer-events":"none",position:"absolute",inset:"0"})),a.append(e,n)};a.if(r,e=>{a.get(c).defaults.type===i.PdfAnnotationSubtype.SQUIGGLY&&e(s)},!0),a.append(e,n)};a.if(r,e=>{a.get(c).defaults.type===i.PdfAnnotationSubtype.STRIKEOUT?e(s):e(l,!1)},!0),a.append(e,n)};a.if(r,e=>{a.get(c).defaults.type===i.PdfAnnotationSubtype.HIGHLIGHT?e(s):e(l,!1)},!0),a.append(e,n)};a.if(r,e=>{a.get(c).defaults.type===i.PdfAnnotationSubtype.UNDERLINE?e(s):e(l,!1)}),a.append(e,n)};a.if(h,e=>{a.get(l)&&a.get(c)&&a.get(c).defaults&&e(m)}),a.append(e,v),a.pop()}var ee=a.from_html("<div><!></div>"),te=a.from_html("<div><!></div>"),ne=a.from_html("<div><!></div>"),re=a.from_html("<div><!></div>"),ie=a.from_html("<div><!></div>"),oe=a.from_html("<div><!></div>"),se=a.from_html("<div><div></div></div>");function le(e,t){a.push(t,!0);const n=a.derived(()=>t.preview.bounds),r=a.derived(()=>({left:a.get(n).origin.x*t.scale,top:a.get(n).origin.y*t.scale,width:a.get(n).size.width*t.scale,height:a.get(n).size.height*t.scale}));var o=a.comment(),s=a.first_child(o),l=e=>{var n=ee();let i;z(a.child(n),a.spread_props({isSelected:!1,get scale(){return t.scale}},()=>t.preview.data)),a.reset(n),a.template_effect(()=>i=a.set_style(n,"",i,{position:"absolute",left:`${a.get(r).left??""}px`,top:`${a.get(r).top??""}px`,width:`${a.get(r).width??""}px`,height:`${a.get(r).height??""}px`,"pointer-events":"none","z-index":"10"})),a.append(e,n)},d=e=>{var n=a.comment(),o=a.first_child(n),s=e=>{var n=te();let i;C(a.child(n),a.spread_props({isSelected:!1,get scale(){return t.scale}},()=>t.preview.data)),a.reset(n),a.template_effect(()=>i=a.set_style(n,"",i,{position:"absolute",left:`${a.get(r).left??""}px`,top:`${a.get(r).top??""}px`,width:`${a.get(r).width??""}px`,height:`${a.get(r).height??""}px`,"pointer-events":"none","z-index":"10"})),a.append(e,n)},l=e=>{var n=a.comment(),o=a.first_child(n),s=e=>{var n=ne();let i;F(a.child(n),a.spread_props({isSelected:!1,get scale(){return t.scale}},()=>t.preview.data)),a.reset(n),a.template_effect(()=>i=a.set_style(n,"",i,{position:"absolute",left:`${a.get(r).left??""}px`,top:`${a.get(r).top??""}px`,width:`${a.get(r).width??""}px`,height:`${a.get(r).height??""}px`,"pointer-events":"none","z-index":"10"})),a.append(e,n)},l=e=>{var n=a.comment(),o=a.first_child(n),s=e=>{var n=re();let i;W(a.child(n),a.spread_props({isSelected:!1,get scale(){return t.scale}},()=>t.preview.data)),a.reset(n),a.template_effect(()=>i=a.set_style(n,"",i,{position:"absolute",left:`${a.get(r).left??""}px`,top:`${a.get(r).top??""}px`,width:`${a.get(r).width??""}px`,height:`${a.get(r).height??""}px`,"pointer-events":"none","z-index":"10"})),a.append(e,n)},l=e=>{var n=a.comment(),o=a.first_child(n),s=e=>{var n=ie();let i;D(a.child(n),a.spread_props({isSelected:!1,get scale(){return t.scale}},()=>t.preview.data)),a.reset(n),a.template_effect(()=>i=a.set_style(n,"",i,{position:"absolute",left:`${a.get(r).left??""}px`,top:`${a.get(r).top??""}px`,width:`${a.get(r).width??""}px`,height:`${a.get(r).height??""}px`,"pointer-events":"none","z-index":"10"})),a.append(e,n)},l=e=>{var n=a.comment(),o=a.first_child(n),s=e=>{var n=oe();let i;w(a.child(n),a.spread_props({isSelected:!1,get scale(){return t.scale}},()=>t.preview.data)),a.reset(n),a.template_effect(()=>i=a.set_style(n,"",i,{position:"absolute",left:`${a.get(r).left??""}px`,top:`${a.get(r).top??""}px`,width:`${a.get(r).width??""}px`,height:`${a.get(r).height??""}px`,"pointer-events":"none","z-index":"10"})),a.append(e,n)},l=e=>{var n=a.comment(),o=a.first_child(n),s=e=>{var n=se();let i;var o=a.child(n);let s;a.reset(n),a.template_effect(()=>{i=a.set_style(n,"",i,{position:"absolute",left:`${a.get(r).left??""}px`,top:`${a.get(r).top??""}px`,width:`${a.get(r).width??""}px`,height:`${a.get(r).height??""}px`,"pointer-events":"none","z-index":"10"}),s=a.set_style(o,"",s,{width:"100%",height:"100%",border:`1px dashed ${(t.preview.data.fontColor||"#000000")??""}`,"background-color":"transparent"})}),a.append(e,n)};a.if(o,e=>{t.preview.type===i.PdfAnnotationSubtype.FREETEXT&&e(s)},!0),a.append(e,n)};a.if(o,e=>{t.preview.type===i.PdfAnnotationSubtype.INK?e(s):e(l,!1)},!0),a.append(e,n)};a.if(o,e=>{t.preview.type===i.PdfAnnotationSubtype.LINE?e(s):e(l,!1)},!0),a.append(e,n)};a.if(o,e=>{t.preview.type===i.PdfAnnotationSubtype.POLYLINE?e(s):e(l,!1)},!0),a.append(e,n)};a.if(o,e=>{t.preview.type===i.PdfAnnotationSubtype.POLYGON?e(s):e(l,!1)},!0),a.append(e,n)};a.if(o,e=>{t.preview.type===i.PdfAnnotationSubtype.SQUARE?e(s):e(l,!1)},!0),a.append(e,n)};a.if(s,e=>{t.preview.type===i.PdfAnnotationSubtype.CIRCLE?e(l):e(d,!1)}),a.append(e,o),a.pop()}var ae=a.from_html('<input type="file"/> <canvas></canvas> <!>',1);function de(e,t){a.push(t,!0);const n=c();let r=a.state(a.proxy(new Map)),i=a.state(null),o=a.state(null);const s={requestFile:({accept:e,onFile:t})=>{if(!a.get(i))return;const n=a.get(i);n.accept=e,n.onchange=e=>{var r;const i=null==(r=e.target.files)?void 0:r[0];i&&(t(i),n.value="")},n.click()},processImage:({source:e,maxWidth:t,maxHeight:n,onComplete:r})=>{const i=a.get(o);if(!i||!i.getContext)return;const s=i.getContext("2d");if(!s)return;const l=new Image;l.crossOrigin="Anonymous",l.onload=()=>{let{naturalWidth:o,naturalHeight:a}=l;const d=t?t/o:1,c=n?n/a:1,g=Math.min(d,c,1),p=o*g,u=a*g;i.width=p,i.height=u,s.drawImage(l,0,0,p,u);const v=s.getImageData(0,0,p,u);"string"!=typeof e&&URL.revokeObjectURL(l.src),r({imageData:v,width:p,height:u})},l.src="string"==typeof e?e:URL.createObjectURL(e)}};a.user_effect(()=>{if(n.plugin)return n.plugin.registerPageHandlers(t.documentId,t.pageIndex,t.scale,{services:s,onPreview:(e,t)=>{a.set(r,new Map(a.get(r)),!0),t?a.get(r).set(e,t):a.get(r).delete(e)}})});var l=ae(),d=a.first_child(l);a.set_style(d,"",{},{display:"none"}),a.bind_this(d,e=>a.set(i,e),()=>a.get(i));var g=a.sibling(d,2);a.set_style(g,"",{},{display:"none"}),a.bind_this(g,e=>a.set(o,e),()=>a.get(o));var p=a.sibling(g,2);a.each(p,17,()=>Array.from(a.get(r).entries()),([e,t])=>e,(e,n)=>{var r=a.derived(()=>a.to_array(a.get(n),2));le(e,{get preview(){return a.get(r)[1]},get scale(){return t.scale}})}),a.append(e,l),a.pop()}var ce=a.from_html("<div><!> <!> <!></div>");exports.AnnotationContainer=v,exports.AnnotationLayer=function(e,t){a.push(t,!0);let r=a.rest_props(t,["$$slots","$$events","$$legacy","style","documentId","pageIndex","scale","rotation","selectionMenu","selectionMenuSnippet","resizeUI","vertexUI","selectionOutlineColor","customAnnotationRenderer"]);const o=n.useDocumentState(()=>t.documentId),s=a.derived(()=>{var e,n,r;return null==(r=null==(n=null==(e=null==o?void 0:o.current)?void 0:e.document)?void 0:n.pages)?void 0:r[t.pageIndex]}),l=a.derived(()=>{var e,t;return(null==(t=null==(e=a.get(s))?void 0:e.size)?void 0:t.width)??0}),d=a.derived(()=>{var e,t;return(null==(t=null==(e=a.get(s))?void 0:e.size)?void 0:t.height)??0}),c=a.derived(()=>{var e;return void 0!==t.scale?t.scale:(null==(e=null==o?void 0:o.current)?void 0:e.scale)??1}),g=a.derived(()=>{var e;return void 0!==t.rotation?t.rotation:(null==(e=null==o?void 0:o.current)?void 0:e.rotation)??i.Rotation.Degree0});var p=ce();a.attribute_effect(p,e=>({id:"annotation-layer",...e,...r}),[()=>t.style?Object.fromEntries(Object.entries(t.style).map(([e,t])=>[`style:${e}`,t])):{}]);var u=a.child(p);G(u,{get documentId(){return t.documentId},get selectionMenu(){return t.selectionMenu},get selectionMenuSnippet(){return t.selectionMenuSnippet},get pageIndex(){return t.pageIndex},get scale(){return a.get(c)},get rotation(){return a.get(g)},get pageWidth(){return a.get(l)},get pageHeight(){return a.get(d)},get resizeUI(){return t.resizeUI},get vertexUI(){return t.vertexUI},get selectionOutlineColor(){return t.selectionOutlineColor},get customAnnotationRenderer(){return t.customAnnotationRenderer}});var v=a.sibling(u,2);J(v,{get documentId(){return t.documentId},get pageIndex(){return t.pageIndex},get scale(){return a.get(c)}}),de(a.sibling(v,2),{get documentId(){return t.documentId},get pageIndex(){return t.pageIndex},get scale(){return a.get(c)}}),a.reset(p),a.append(e,p),a.pop()},exports.AnnotationPaintLayer=de,exports.Annotations=G,exports.Circle=z,exports.FreeText=H,exports.Highlight=f,exports.Ink=w,exports.Line=D,exports.Polygon=F,exports.Polyline=W,exports.PreviewRenderer=le,exports.RenderAnnotation=V,exports.Square=C,exports.Squiggly=k,exports.Stamp=Y,exports.Strikeout=x,exports.TextMarkup=J,exports.Underline=b,exports.useAnnotation=e=>{const n=d();let r=a.state(a.proxy(t.initialDocumentState()));const i=a.derived(e),o=a.derived(()=>n.provides&&a.get(i)?n.provides.forDocument(a.get(i)):null);return a.user_effect(()=>{const e=n.provides,o=a.get(i);if(!e||!o)return void a.set(r,t.initialDocumentState(),!0);const s=e.forDocument(o);return a.set(r,s.getState(),!0),s.onStateChange(e=>{a.set(r,e,!0)})}),{get provides(){return a.get(o)},get state(){return a.get(r)}}},exports.useAnnotationCapability=d,exports.useAnnotationPlugin=c,Object.keys(t).forEach(e=>{"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});
2
+ //# sourceMappingURL=index.cjs.map