Chore update scripts to b35cc5cca407e7082aa772aba6d8f684f3aa7da9

client/declaration-merging/document-extended.d.ts

@@ -10,7 +10,7 @@
  */
 declare function create<K extends keyof HTMLElementTagNameMap>(
     tag: K,
-    attrs?: any,
+    attrs?: any
 ): HTMLElementTagNameMap[K];
 /**
  * Creates an element with the specified tag name.
@@ -23,7 +23,7 @@ declare function create<K extends keyof HTMLElementTagNameMap>(
  */
 declare function create<K extends keyof HTMLElementDeprecatedTagNameMap>(
     tag: string,
-    attrs?: any,
+    attrs?: any
 ): HTMLElementDeprecatedTagNameMap[K];
 /**
  * Creates an element with the specified tag name.
@@ -58,7 +58,7 @@ declare function create(html: string, attrs?: any): HTMLElement;
  */
 declare function createDeep(
     tag: string,
-    attrs?: any,
+    attrs?: any
 ): (
     | HTMLElementDeprecatedTagNameMap[keyof HTMLElementDeprecatedTagNameMap]
     | HTMLElementTagNameMap[keyof HTMLElementTagNameMap]
@@ -74,7 +74,7 @@ declare function createDeep(
  * @returns {HTMLElementTagNameMap[K]}
  */
 declare function find<K extends keyof HTMLElementTagNameMap>(
-    selector: K,
+    selector: K
 ): HTMLElementTagNameMap[K];
 /**
  * Using querySelector, returns the first element that matches the selector
@@ -85,7 +85,7 @@ declare function find<K extends keyof HTMLElementTagNameMap>(
  * @returns {HTMLElementDeprecatedTagNameMap[K]}
  */
 declare function find<K extends keyof HTMLElementDeprecatedTagNameMap>(
-    selector: string,
+    selector: string
 ): HTMLElementDeprecatedTagNameMap[K];
 /**
  * Using querySelector, returns the first element that matches the selector
@@ -105,7 +105,7 @@ declare function find(selector: string): HTMLElement;
  * @returns {HTMLElementTagNameMap[K][]}
  */
 declare function findAll<K extends keyof HTMLElementTagNameMap>(
-    selector: K,
+    selector: K
 ): HTMLElementTagNameMap[K][];
 
 /**
@@ -117,7 +117,7 @@ declare function findAll<K extends keyof HTMLElementTagNameMap>(
  * @returns {HTMLElementDeprecatedTagNameMap[K][]}
  */
 declare function findAll<K extends keyof HTMLElementDeprecatedTagNameMap>(
-    selector: string,
+    selector: string
 ): HTMLElementDeprecatedTagNameMap[K][];
 
 /**

client/declaration-merging/pdfjslib.d.ts

@@ -26,9 +26,9 @@ export interface PdfJsPage {
         scale:
             | number
             | {
-                scale: number;
-                rotation: number;
-            },
+                  scale: number;
+                  rotation: number;
+              }
     ): PdfJsViewport;
     getTextContent(): Promise<PdfJsTextContent>;
     getAnnotations(): Promise<PdfJsAnnotation[]>;

client/models/canvas/border.ts

@@ -0,0 +1,37 @@
+import { Point2D } from '../../../shared/submodules/calculations/src/linear-algebra/point';
+import { Polygon } from './polygon';
+
+export class Border extends Polygon {
+    isIn(point: Point2D) {
+        return !super.isIn(point);
+    }
+
+    draw(ctx: CanvasRenderingContext2D) {
+        const region = new Path2D();
+
+        region.moveTo(
+            this.points[0][0] * ctx.canvas.width,
+            this.points[0][1] * ctx.canvas.height,
+        );
+
+        for (let i = 1; i < this.points.length; i++) {
+            region.lineTo(
+                this.points[i][0] * ctx.canvas.width,
+                this.points[i][1] * ctx.canvas.height,
+            );
+        }
+        region.closePath();
+
+        region.moveTo(0, 0);
+        region.lineTo(ctx.canvas.width, 0);
+        region.lineTo(ctx.canvas.width, ctx.canvas.height);
+        region.lineTo(0, ctx.canvas.height);
+        region.closePath();
+
+        // fill the area between the polygon and the canvas edges
+        if (this.$properties?.fill?.color) {
+            ctx.fillStyle = this.$properties.fill.color;
+        }
+        if (this.$properties?.fill) ctx.fill(region, 'evenodd');
+    }
+}