@soomo/text-annotator 3.0.0-staging.8 → 3.1.0-staging.0

package/dist/src/SelectionHandler.d.ts

@@ -1,7 +1,9 @@
+import { Filter, User } from '@annotorious/core';
 import { TextAnnotatorState } from './state';
-import { User } from '@annotorious/core';
-
-export declare const SelectionHandler: (container: HTMLElement, state: TextAnnotatorState, annotationEnabled: boolean, offsetReferenceSelector?: string) => {
+import { TextAnnotation } from './model';
+export declare const createSelectionHandler: (container: HTMLElement, state: TextAnnotatorState<TextAnnotation, unknown>, offsetReferenceSelector?: string) => {
     destroy: () => void;
-    setUser: (user: User) => User;
+    setFilter: (filter?: Filter) => Filter;
+    setUser: (user?: User) => User;
+    setAnnotatingEnabled: (enabled: boolean) => void;
 };

package/dist/src/TextAnnotator.d.ts

@@ -1,13 +1,14 @@
-import { TextAnnotatorOptions } from './TextAnnotatorOptions';
-import { TextAnnotation } from './model';
-import { TextAnnotatorState } from './state';
-import { HighlightStyleExpression } from './highlight';
 import { Annotator } from '@annotorious/core';
-
-export interface TextAnnotator<E extends unknown = TextAnnotation> extends Annotator<TextAnnotation, E> {
+import { HighlightStyleExpression } from './highlight';
+import { TextAnnotatorState } from './state';
+import { TextAnnotation } from './model';
+import { TextAnnotatorOptions } from './TextAnnotatorOptions';
+export interface TextAnnotator<I extends TextAnnotation = TextAnnotation, E extends unknown = TextAnnotation> extends Annotator<I, E> {
     element: HTMLElement;
     setStyle(style: HighlightStyleExpression | undefined): void;
-    scrollIntoView(annotation: TextAnnotation): boolean;
-    state: TextAnnotatorState;
+    redraw(force?: boolean): void;
+    scrollIntoView(annotationOrId: I | string): boolean;
+    setAnnotatingEnabled: (enabled: boolean) => void;
+    state: TextAnnotatorState<I, E>;
 }
-export declare const createTextAnnotator: <E extends unknown = TextAnnotation>(container: HTMLElement, options?: TextAnnotatorOptions<E>) => TextAnnotator<E>;
+export declare const createTextAnnotator: <E extends unknown = TextAnnotation>(container: HTMLElement, options?: TextAnnotatorOptions<TextAnnotation, E>) => TextAnnotator<TextAnnotation, E>;

package/dist/src/TextAnnotatorOptions.d.ts

@@ -1,16 +1,16 @@
-import { HighlightStyleExpression } from './highlight';
-import { TextAnnotation } from './model';
+import { FormatAdapter, UserSelectActionExpression, User } from '@annotorious/core';
 import { PresencePainterOptions } from './presence';
-import { FormatAdapter, PointerSelectAction } from '@annotorious/core';
-
-export interface TextAnnotatorOptions<T extends unknown = TextAnnotation> {
-    adapter?: FormatAdapter<TextAnnotation, T> | null;
-    annotationEnabled?: boolean;
+import { TextAnnotation } from './model';
+import { HighlightStyleExpression } from './highlight';
+export interface TextAnnotatorOptions<I extends TextAnnotation = TextAnnotation, E extends unknown = TextAnnotation> {
+    adapter?: FormatAdapter<I, E> | null;
+    annotatingEnabled?: boolean;
     renderer?: RendererType;
     offsetReferenceSelector?: string;
-    pointerAction?: PointerSelectAction | ((annotation: TextAnnotation) => PointerSelectAction);
+    userSelectAction?: UserSelectActionExpression<E>;
     presence?: PresencePainterOptions;
     style?: HighlightStyleExpression;
+    user?: User;
 }
 export type RendererType = 'SPANS' | 'CANVAS' | 'CSS_HIGHLIGHTS';
-export declare const fillDefaults: <T extends unknown = TextAnnotation>(opts: TextAnnotatorOptions<T>, defaults: TextAnnotatorOptions<T>) => TextAnnotatorOptions<T>;
+export declare const fillDefaults: <I extends TextAnnotation = TextAnnotation, E extends unknown = TextAnnotation>(opts: TextAnnotatorOptions<I, E>, defaults: TextAnnotatorOptions<I, E>) => TextAnnotatorOptions<I, E>;

package/dist/src/api/scrollIntoView.d.ts

@@ -1,4 +1,3 @@
-import { TextAnnotation } from '../model';
 import { TextAnnotationStore } from '../state';
-
-export declare const scrollIntoView: (container: HTMLElement, store: TextAnnotationStore) => (annotation: TextAnnotation) => boolean;
+import { TextAnnotation } from '../model';
+export declare const scrollIntoView: (container: HTMLElement, store: TextAnnotationStore) => (annotationOrId: string | TextAnnotation) => boolean;

package/dist/src/highlight/Highlight.d.ts

@@ -1,6 +1,5 @@
-import { AnnotationRects } from '../state';
 import { AnnotationState } from '@annotorious/core';
-
+import { AnnotationRects } from '../state';
 export interface Highlight extends AnnotationRects {
     state: AnnotationState;
 }

package/dist/src/highlight/HighlightPainter.d.ts

@@ -1,7 +1,6 @@
-import { ViewportBounds } from './viewport';
-import { HighlightStyle, HighlightStyleExpression } from './HighlightStyle';
 import { Highlight } from './Highlight';
-
+import { HighlightStyle, HighlightStyleExpression } from './HighlightStyle';
+import { ViewportBounds } from './viewport';
 export interface HighlightPainter {
     clear(): void;
     destroy(): void;

package/dist/src/highlight/HighlightStyle.d.ts

@@ -1,12 +1,11 @@
-import { TextAnnotation } from 'src/model';
 import { AnnotationState, Color, DrawingStyle } from '@annotorious/core';
-
+import { TextAnnotation } from 'src/model';
 export interface HighlightStyle extends Pick<DrawingStyle, 'fill' | 'fillOpacity'> {
     underlineStyle?: string;
     underlineColor?: Color;
     underlineOffset?: number;
     underlineThickness?: number;
 }
-export type HighlightStyleExpression = HighlightStyle | ((annotation: TextAnnotation, state: AnnotationState, zIndex?: number) => HighlightStyle);
+export type HighlightStyleExpression = HighlightStyle | ((annotation: TextAnnotation, state: AnnotationState, zIndex?: number) => HighlightStyle | undefined);
 export declare const DEFAULT_STYLE: HighlightStyle;
 export declare const DEFAULT_SELECTED_STYLE: HighlightStyle;

package/dist/src/highlight/baseRenderer.d.ts

@@ -1,10 +1,9 @@
-import { HighlightStyleExpression } from './HighlightStyle';
-import { Highlight } from './Highlight';
-import { HighlightPainter } from './HighlightPainter';
-import { ViewportBounds } from './viewport';
-import { TextAnnotatorState } from '../state';
 import { Filter, ViewportState } from '@annotorious/core';
-
+import { TextAnnotatorState } from '../state';
+import { ViewportBounds } from './viewport';
+import { HighlightPainter } from './HighlightPainter';
+import { Highlight } from './Highlight';
+import { HighlightStyleExpression } from './HighlightStyle';
 export interface RendererImplementation {
     destroy(): void;
     redraw(highlights: Highlight[], bounds: ViewportBounds, style?: HighlightStyleExpression, painter?: HighlightPainter, lazy?: boolean): void;
@@ -18,4 +17,4 @@ export interface Renderer {
     setPainter(painter?: HighlightPainter): void;
     setVisible(visible: boolean): void;
 }
-export declare const createBaseRenderer: (container: HTMLElement, state: TextAnnotatorState, viewport: ViewportState, renderer: RendererImplementation) => Renderer;
+export declare const createBaseRenderer: <T extends TextAnnotatorState = TextAnnotatorState<import('..').TextAnnotation, import('..').TextAnnotation>>(container: HTMLElement, state: T, viewport: ViewportState, renderer: RendererImplementation) => Renderer;

package/dist/src/highlight/canvas/canvasRenderer.d.ts

@@ -1,4 +1,4 @@
 import { ViewportState } from '@annotorious/core';
-import { TextAnnotatorState } from 'src/state';
-
-export declare const createCanvasRenderer: (container: HTMLElement, state: TextAnnotatorState, viewport: ViewportState) => import('../baseRenderer').Renderer;
+import { TextAnnotatorState } from '../../state';
+import { TextAnnotation } from 'src/model';
+export declare const createCanvasRenderer: (container: HTMLElement, state: TextAnnotatorState<TextAnnotation, unknown>, viewport: ViewportState) => import('../baseRenderer').Renderer;

package/dist/src/highlight/highlights/highlightsRenderer.d.ts

@@ -1,6 +1,6 @@
-import { RendererImplementation } from '../baseRenderer';
-import { TextAnnotatorState } from 'src/state';
 import { ViewportState } from '@annotorious/core';
-
+import { TextAnnotatorState } from 'src/state';
+import { RendererImplementation } from '../baseRenderer';
+import { TextAnnotation } from 'src/model';
 export declare const createRenderer: () => RendererImplementation;
-export declare const createHighlightsRenderer: (container: HTMLElement, state: TextAnnotatorState, viewport: ViewportState) => import('../baseRenderer').Renderer;
+export declare const createHighlightsRenderer: (container: HTMLElement, state: TextAnnotatorState<TextAnnotation, unknown>, viewport: ViewportState) => import('../baseRenderer').Renderer;

package/dist/src/highlight/span/spansRenderer.d.ts

@@ -1,4 +1,4 @@
-import { TextAnnotatorState } from '../../state';
 import { ViewportState } from '@annotorious/core';
-
-export declare const createSpansRenderer: (container: HTMLElement, state: TextAnnotatorState, viewport: ViewportState) => import('../baseRenderer').Renderer;
+import { TextAnnotatorState } from '../../state';
+import { TextAnnotation } from 'src/model';
+export declare const createSpansRenderer: (container: HTMLElement, state: TextAnnotatorState<TextAnnotation, unknown>, viewport: ViewportState) => import('../baseRenderer').Renderer;

package/dist/src/highlight/viewport.d.ts

@@ -1,6 +1,5 @@
-import { TextAnnotation } from '../model';
 import { ViewportState } from '@annotorious/core';
-
+import { TextAnnotation } from '../model';
 export interface ViewportBounds {
     top: number;
     left: number;

package/dist/src/index.d.ts

@@ -1,9 +1,11 @@
+export * from './api';
 export * from './highlight';
 export * from './model';
 export * from './state';
 export * from './utils';
-export * from './presence/PresencePainterOptions';
+export * from './presence';
+export * from './SelectionHandler';
 export * from './TextAnnotator';
 export * from './TextAnnotatorOptions';
-export type { Annotation, AnnotationBody, AnnotationTarget, Annotator, AnnotatorState, Color, Filter, FormatAdapter, HoverState, Selection, SelectionState, Store, StoreChangeEvent, StoreObserver, ParseResult, User, W3CAnnotation, W3CAnnotationBody, W3CAnnotationTarget } from '@annotorious/core';
-export { createBody, Origin, PointerSelectAction } from '@annotorious/core';
+export type { Annotation, AnnotationBody, AnnotationTarget, Annotator, AnnotatorState, Color, Filter, FormatAdapter, HoverState, Selection, SelectionState, Store, StoreChangeEvent, StoreObserver, ParseResult, User, UserSelectActionExpression, ViewportState, W3CAnnotation, W3CAnnotationBody, W3CAnnotationTarget } from '@annotorious/core';
+export { createBody, Origin, UserSelectAction } from '@annotorious/core';

package/dist/src/model/core/TextAnnotation.d.ts

@@ -1,5 +1,4 @@
 import { Annotation, AnnotationTarget } from '@annotorious/core';
-
 export interface TextAnnotation extends Annotation {
     target: TextAnnotationTarget;
 }

package/dist/src/model/w3c/W3CTextAnnotation.d.ts

@@ -1,5 +1,4 @@
 import { W3CAnnotation, W3CAnnotationTarget } from '@annotorious/core';
-
 export interface W3CTextAnnotation extends W3CAnnotation {
     target: W3CTextAnnotationTarget | W3CTextAnnotationTarget[];
     stylesheet?: W3CAnnotationStylesheet;

package/dist/src/model/w3c/W3CTextFormatAdapter.d.ts

@@ -1,7 +1,6 @@
-import { W3CTextAnnotation } from '../w3c';
-import { TextAnnotation } from '../core';
 import { FormatAdapter, ParseResult } from '@annotorious/core';
-
+import { TextAnnotation } from '../core';
+import { W3CTextAnnotation } from '../w3c';
 export type W3CTextFormatAdapter = FormatAdapter<TextAnnotation, W3CTextAnnotation>;
 /**
  * @param source - the IRI of the annotated content

package/dist/src/presence/PresencePainter.d.ts

@@ -1,5 +1,4 @@
-import { PresencePainterOptions } from 'src/presence';
-import { HighlightPainter } from '../highlight';
 import { PresenceProvider } from '@annotorious/core';
-
-export declare const createPresencePainter: (container: HTMLElement, provider: PresenceProvider, opts?: PresencePainterOptions) => HighlightPainter;
+import { HighlightPainter } from '../highlight';
+import { PresencePainterOptions } from '../presence';
+export declare const createPresencePainter: (provider: PresenceProvider, opts?: PresencePainterOptions) => HighlightPainter;

package/dist/src/state/TextAnnotationStore.d.ts

@@ -1,17 +1,21 @@
+import { Unsubscribe } from 'nanoevents';
+import { Filter, Origin, Store } from '@annotorious/core';
 import { TextAnnotation } from '../model';
-import { Origin, Store } from '@annotorious/core';
-
-export interface TextAnnotationStore extends Omit<Store<TextAnnotation>, 'addAnnotation' | 'bulkAddAnnotation'> {
-    addAnnotation(annotation: TextAnnotation, origin?: Origin): boolean;
-    bulkAddAnnotation(annotations: TextAnnotation[], replace: boolean, origin?: Origin): TextAnnotation[];
-    bulkUpsertAnnotations(annotations: TextAnnotation[], origin?: Origin): TextAnnotation[];
-    getAnnotationBounds(id: string, hintX?: number, hintY?: number, buffer?: number): DOMRect;
-    getAt(x: number, y: number): TextAnnotation | undefined;
-    getIntersecting(minX: number, minY: number, maxX: number, maxY: number): AnnotationRects[];
+import { SpatialTreeEvents } from './spatialTree';
+export interface TextAnnotationStore<T extends TextAnnotation = TextAnnotation> extends Omit<Store<T>, 'addAnnotation' | 'bulkAddAnnotation'> {
+    addAnnotation(annotation: T, origin?: Origin): boolean;
+    bulkAddAnnotation(annotations: T[], replace: boolean, origin?: Origin): T[];
+    bulkUpsertAnnotations(annotations: T[], origin?: Origin): T[];
+    getAnnotationRects(id: string): DOMRect[];
+    getAnnotationBounds(id: string, hintX?: number, hintY?: number, buffer?: number): DOMRect | undefined;
+    getAnnotationRects(id: string): DOMRect[];
+    getAt(x: number, y: number, filter?: Filter): T | undefined;
+    getIntersecting(minX: number, minY: number, maxX: number, maxY: number): AnnotationRects<T>[];
     recalculatePositions(): void;
+    onRecalculatePositions(callback: SpatialTreeEvents['recalculate']): Unsubscribe;
 }
-export interface AnnotationRects {
-    annotation: TextAnnotation;
+export interface AnnotationRects<T extends TextAnnotation = TextAnnotation> {
+    annotation: T;
     rects: Rect[];
 }
 export interface Rect {

package/dist/src/state/TextAnnotatorState.d.ts

@@ -1,11 +1,10 @@
-import { TextAnnotationStore } from './TextAnnotationStore';
+import { ViewportState, UserSelectActionExpression, AnnotatorState, SelectionState, HoverState } from '@annotorious/core';
 import { TextAnnotation } from '../model';
-import { PointerSelectAction, ViewportState, AnnotatorState, SelectionState, HoverState } from '@annotorious/core';
-
-export interface TextAnnotatorState extends AnnotatorState<TextAnnotation> {
-    store: TextAnnotationStore;
-    selection: SelectionState<TextAnnotation>;
-    hover: HoverState<TextAnnotation>;
+import { TextAnnotationStore } from './TextAnnotationStore';
+export interface TextAnnotatorState<I extends TextAnnotation = TextAnnotation, E extends unknown = TextAnnotation> extends AnnotatorState<I, E> {
+    store: TextAnnotationStore<I>;
+    selection: SelectionState<I, E>;
+    hover: HoverState<I>;
     viewport: ViewportState;
 }
-export declare const createTextAnnotatorState: (container: HTMLElement, defaultPointerAction?: PointerSelectAction | ((annotation: TextAnnotation) => PointerSelectAction)) => TextAnnotatorState;
+export declare const createTextAnnotatorState: <I extends TextAnnotation = TextAnnotation, E extends unknown = TextAnnotation>(container: HTMLElement, defaultUserSelectAction?: UserSelectActionExpression<E>) => TextAnnotatorState<I, E>;

package/dist/src/state/spatialTree.d.ts

@@ -1,7 +1,7 @@
-import { AnnotationRects } from './TextAnnotationStore';
-import { TextAnnotation, TextAnnotationTarget } from '../model';
 import { Store } from '@annotorious/core';
-
+import { Unsubscribe } from 'nanoevents';
+import { TextAnnotation, TextAnnotationTarget } from '../model';
+import { AnnotationRects } from './TextAnnotationStore';
 interface IndexedHighlightRect {
     minX: number;
     minY: number;
@@ -12,18 +12,22 @@ interface IndexedHighlightRect {
         rects: DOMRect[];
     };
 }
-export declare const createSpatialTree: (store: Store<TextAnnotation>, container: HTMLElement) => {
+export interface SpatialTreeEvents {
+    recalculate(): void;
+}
+export declare const createSpatialTree: <T extends TextAnnotation>(store: Store<T>, container: HTMLElement) => {
     all: () => IndexedHighlightRect[][];
     clear: () => void;
-    getAt: (x: number, y: number) => string | undefined;
+    getAt: (x: number, y: number, all?: boolean) => string[];
     getAnnotationBounds: (id: string) => DOMRect;
     getAnnotationRects: (id: string) => DOMRect[];
-    getIntersecting: (minX: number, minY: number, maxX: number, maxY: number) => AnnotationRects[];
+    getIntersecting: (minX: number, minY: number, maxX: number, maxY: number) => AnnotationRects<T>[];
     insert: (target: TextAnnotationTarget) => void;
     recalculate: () => void;
     remove: (target: TextAnnotationTarget) => void;
     set: (targets: TextAnnotationTarget[], replace?: boolean) => void;
     size: () => number;
     update: (target: TextAnnotationTarget) => void;
+    on: <E extends keyof SpatialTreeEvents>(event: E, callback: SpatialTreeEvents[E]) => Unsubscribe;
 };
 export {};

package/dist/src/utils/cancelSingleClickEvents.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Calls .preventDefault() on click events in annotable areas, in order
+ * to prevent problematic default browser behavior. (Specifically: keep
+ * Chrome Android from triggering word selection on single click.)
+ */
+export declare const cancelSingleClickEvents: (container: HTMLElement) => void;

package/dist/src/utils/cloneEvents.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Events need to be manually mapped into new objects:
+ * 1. It preserves the `target` and `currentTarget` properties.
+ *    Otherwise, they will be `null` when the event is read beyond the handler.
+ * 2. Spread operator can copy only own enumerable properties, not inherited ones.
+ *    Therefore, we need to manually copy the props we're interested in.
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/Event/currentTarget
+ * @see https://github.com/recogito/text-annotator-js/commit/65d13f3108c429311cf8c2523f6babbbc946013d#r144041390
+ */
+export declare const clonePointerEvent: (event: PointerEvent) => PointerEvent;
+export declare const cloneKeyboardEvent: (event: KeyboardEvent) => KeyboardEvent;

package/dist/src/utils/device.d.ts

@@ -0,0 +1 @@
+export declare const isMac: boolean;

package/dist/src/utils/index.d.ts

@@ -1,6 +1,7 @@
-export * from './debounce';
+export * from './cancelSingleClickEvents';
+export * from './device';
+export * from './programmaticallyFocusable';
 export * from './getAnnotatableFragment';
-export * from './getClientRectsPonyfill';
 export * from './getQuoteContext';
 export * from './isWhitespaceOrEmpty';
 export * from './isRevived';
@@ -10,3 +11,6 @@ export * from './reviveAnnotation';
 export * from './reviveSelector';
 export * from './reviveTarget';
 export * from './splitAnnotatableRanges';
+export * from './trimRangeToContainer';
+export * from './cloneEvents';
+export * from './normalizeRects';

package/dist/src/utils/isRevived.d.ts

@@ -1,3 +1,2 @@
 import { TextSelector } from '../model';
-
 export declare const isRevived: (selector: TextSelector[]) => boolean;

package/dist/src/utils/mergeClientRects.d.ts

@@ -1 +1,2 @@
 export declare const mergeClientRects: (rects: DOMRect[]) => DOMRect[];
+export declare const toDomRectList: (rects: DOMRect[]) => DOMRectList;

package/dist/src/utils/normalizeRects.d.ts

@@ -0,0 +1,2 @@
+export declare const normalizeRectWithOffset: (rect: DOMRect, offset: DOMRect) => DOMRect;
+export declare const denormalizeRectWithOffset: (rect: DOMRect, offset: DOMRect) => DOMRect;

package/dist/src/utils/programmaticallyFocusable.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Makes an element programmatically focusable by adding a `tabindex="-1"` attribute.
+ * Or does nothing if the element is already focusable 🤷🏻
+ * It's required to process keyboard events on an element that is not natively focusable.
+ */
+export declare const programmaticallyFocusable: (container: HTMLElement) => void;

package/dist/src/utils/rangeToSelector.d.ts

@@ -1,3 +1,2 @@
 import { TextSelector } from '../model';
-
 export declare const rangeToSelector: (range: Range, container: HTMLElement, offsetReferenceSelector?: string) => TextSelector;

package/dist/src/utils/reviveAnnotation.d.ts

@@ -1,3 +1,2 @@
 import { TextAnnotation } from '../model';
-
-export declare const reviveAnnotation: (annotation: TextAnnotation, container: HTMLElement) => TextAnnotation;
+export declare const reviveAnnotation: <T extends TextAnnotation>(annotation: T, container: HTMLElement) => T;

package/dist/src/utils/reviveSelector.d.ts

@@ -1,5 +1,4 @@
 import { TextSelector } from '../model';
-
 /**
  * Creates a new selector object with the revived DOM range from the given text annotation position
  * Only the annotatable elements are processed and counted towards the range
@@ -9,4 +8,4 @@ import { TextSelector } from '../model';
  *
  * @returns the revived selector
  */
-export declare const reviveSelector: (selector: TextSelector, container: HTMLElement) => TextSelector;
+export declare const reviveSelector: <T extends TextSelector>(selector: T, container: HTMLElement) => T;

package/dist/src/utils/reviveTarget.d.ts

@@ -1,3 +1,2 @@
 import { TextAnnotationTarget } from '../model';
-
-export declare const reviveTarget: (target: TextAnnotationTarget, container: HTMLElement) => TextAnnotationTarget;
+export declare const reviveTarget: <T extends TextAnnotationTarget = TextAnnotationTarget>(target: T, container: HTMLElement) => T;

package/dist/src/utils/trimRangeToContainer.d.ts

@@ -0,0 +1 @@
+export declare const trimRangeToContainer: (range: Range, container: HTMLElement) => Range;

package/dist/test/model/w3c/fixtures.d.ts

@@ -1,4 +1,3 @@
 import { W3CTextAnnotation } from '../../../src';
-
 export declare const textAnnotation: W3CTextAnnotation;
 export declare const incompleteTextAnnotation: W3CTextAnnotation;

package/dist/text-annotator.css

@@ -1 +1 @@
-.r6o-annotatable .r6o-span-highlight-layer{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.r6o-annotatable .r6o-span-highlight-layer.hidden{display:none}.r6o-annotatable .r6o-span-highlight-layer .r6o-annotation{border-style:solid;border-width:0;position:absolute;display:block}html,body{overscroll-behavior-y:none}.r6o-annotatable{-webkit-tap-highlight-color:transparent}.r6o-annotatable,.r6o-annotatable *{position:relative}.hovered *{cursor:pointer}.r6o-highlight-layer{left:0;position:fixed;top:0;bottom:0;width:100vw;pointer-events:none}*::selection,::selection{background:#0080ff2e}::-moz-selection{background:#0080ff2e}
+.r6o-canvas-highlight-layer{position:fixed;top:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none}.r6o-canvas-highlight-layer.bg{mix-blend-mode:multiply;z-index:1}.r6o-annotatable .r6o-span-highlight-layer{position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:multiply;pointer-events:none;z-index:1}.r6o-annotatable .r6o-span-highlight-layer.hidden{display:none}.r6o-annotatable .r6o-span-highlight-layer .r6o-annotation{position:absolute;display:block;border-style:solid;border-width:0;box-sizing:content-box}.r6o-presence-layer{left:0;position:fixed;top:0;bottom:0;width:100vw;pointer-events:none}html,body{overscroll-behavior-y:none}.r6o-annotatable{position:relative;-webkit-tap-highlight-color:transparent}.r6o-annotatable.no-focus-outline{outline:none}.hovered *{cursor:pointer}*::selection,::selection{background:#0080ff2e}::-moz-selection{background:#0080ff2e}