@odoo/o-spreadsheet 19.5.0-alpha.18 → 19.5.0-alpha.19

package/dist/o_spreadsheet.xml

@@ -1,9 +1,9 @@
 <!--
  This file is generated by o-spreadsheet build tools. Do not edit it.
  @see https://github.com/odoo/o-spreadsheet
- @version 19.5.0-alpha.18
- @date 2026-09-07T12:43:30.682Z
- @hash 54a0597
+ @version 19.5.0-alpha.19
+ @date 2026-09-10T05:38:45.995Z
+ @hash 2b1e397
 -->
 <odoo>
   <t t-name="o-spreadsheet-ValidationMessages">
@@ -478,7 +478,6 @@
   </t>
 
   <t t-name="o-spreadsheet-StandaloneGridCanvas">
-    <canvas t-ref="this.canvasRef"/>
     <t t-foreach="this.carouselDataViews" t-as="carouselDataView" t-key="carouselDataView_index">
       <CarouselDataViewPrint t-props="carouselDataView"/>
     </t>
@@ -487,7 +486,7 @@
   <t t-name="o-spreadsheet-SpreadsheetPrint">
     <div class="o-spreadsheet-print d-flex flex-column h-100 w-100">
       <t t-set="pages" t-value="this.printStore.printPages"/>
-      <div class="o-print-header flex-shrink-0 d-flex align-items-center d-print-none">
+      <div class="o-print-header flex-shrink-0 d-flex align-items-center">
         <h3 class="m-0 p-3 ps-4 text-white">Print Preview</h3>
         <span class="text-white">
           <t t-out="pages.length"/>
@@ -499,30 +498,8 @@
         <button class="o-button primary flex-grow-0 me-4" t-on-click="this.onPrint">Next</button>
       </div>
       <div class="o-print-container d-flex flex-grow-1 overflow-hidden">
-        <div class="o-print-preview w-100 overflow-auto d-flex flex-column">
-          <div class="mx-auto">
-            <div
-              t-if="pages.length === 0"
-              class="o-print-page o-empty-print-page m-4 shadow d-flex flex-column align-items-center justify-content-center flex-shrink-0"
-              t-att-style="this.pageStyle">
-              <h4 class="fst-italic text-muted">No content to print</h4>
-            </div>
-            <div
-              t-else=""
-              t-foreach="pages"
-              t-as="page"
-              t-key="page_index"
-              class="o-print-page m-4 shadow d-flex justify-content-center flex-shrink-0"
-              t-att-style="this.pageStyle">
-              <StandaloneGridCanvas
-                sheetId="page.sheetId"
-                zone="page.zone"
-                renderingCtx="page.renderingCtx"
-              />
-            </div>
-          </div>
-        </div>
-        <div class="o-sidePanel flex-shrink-0 bg-white border-top border-start d-print-none">
+        <iframe class="o-print-preview" t-ref="this.iframeRef" title="Print preview"/>
+        <div class="o-sidePanel flex-shrink-0 bg-white border-top border-start">
           <div class="o-sidePanelBody pt-4">
             <Section t-if="!this.env.model.getters.isDashboard()">
               <div class="o-section-title">Print content</div>
@@ -576,6 +553,16 @@
           </div>
         </div>
       </div>
+
+      <t t-foreach="pages" t-as="page" t-key="page_index">
+        <StandaloneGridCanvas
+          t-if="this.printIframe.canvases()[page_index]"
+          canvas="this.printIframe.canvases()[page_index]"
+          sheetId="page.sheetId"
+          zone="page.zone"
+          renderingCtx="page.renderingCtx"
+        />
+      </t>
     </div>
   </t>
 
@@ -3719,7 +3706,7 @@
         updateChart="this.props.updateChart"
         canUpdateChart="this.props.canUpdateChart"
         onErrorMessagesChanged.bind="this.onErrorMessagesChanged"
-        getLabelRangeOptions.bind="this.getLabelRangeOptions"
+        getLabelRangeOptions="() => []"
         dataSeriesTitle.translate="Hierarchy"
         labelRangeTitle.translate="Values"
       />
@@ -4591,7 +4578,7 @@
         updateChart="this.props.updateChart"
         canUpdateChart="this.props.canUpdateChart"
         onErrorMessagesChanged.bind="this.onErrorMessagesChanged"
-        getLabelRangeOptions.bind="this.getLabelRangeOptions"
+        getLabelRangeOptions="() => []"
         labelRangeTitle.translate="Date range"
       />
 
@@ -4600,7 +4587,7 @@
           <span class="w-100">Horizontal axis</span>
           <Select
             selectedValue="this.getGroupByType('horizontal') || ''"
-            values="this.getGroupByOptions()"
+            values="this.groupByChoices"
             class="'o-horizontal-group-by'"
             onChange="(value) => this.updateGroupBy('horizontal', value)"
           />
@@ -4609,7 +4596,7 @@
           <span class="w-100">Vertical axis</span>
           <Select
             selectedValue="this.getGroupByType('vertical') || ''"
-            values="this.getGroupByOptions()"
+            values="this.groupByChoices"
             class="'o-vertical-group-by'"
             onChange="(value) => this.updateGroupBy('vertical', value)"
           />
@@ -7591,10 +7578,7 @@
       t-on-click="this.onClick"
       t-on-dblclick.self="this.onDoubleClick"
       t-on-contextmenu.stop.prevent="this.onContextMenu">
-      <GridAddRowsFooter
-        t-if="!this.env.model.getters.isReadonly() and this.props.hasFooter"
-        t-key="this.viewStore.displayedSheetId"
-      />
+      <GridAddRowsFooter t-if="this.isFooterVisible" t-key="this.viewStore.displayedSheetId"/>
       <t t-call-slot="default"/>
     </div>
   </t>

package/dist/types/components/grid/grid.d.ts

@@ -71,6 +71,7 @@ export declare class Grid extends Component<SpreadsheetChildEnv> {
     private paintFormatStore;
     private clientFocusStore;
     private checkboxToggleStore;
+    private clipboardStore;
     dragNDropGrid: {
         start: (initialPointerCoordinates: {
             clientX: number;

package/dist/types/components/grid_overlay/grid_overlay.d.ts

@@ -37,4 +37,5 @@ export declare class GridOverlay extends Component<SpreadsheetChildEnv> {
     onContextMenu(ev: MouseEvent): void;
     private getCartesianCoordinates;
     private getInteractiveIconAtEvent;
+    get isFooterVisible(): boolean;
 }

package/dist/types/components/helpers/draw_grid_hook.d.ts

@@ -1,9 +1,8 @@
-import type { Signal } from "@odoo/owl";
 import { RendererStore } from "../../stores/renderer_store";
 import { GridRenderingContext } from "../../types/rendering";
 import { Store } from "../../types/store_engine";
 interface GridDrawingArgs {
-    canvasRef: Signal<HTMLElement | null>;
+    canvasRef: () => HTMLElement | null;
     renderingCtx: () => Omit<GridRenderingContext, "ctx" | "thinLineWidth">;
     rendererStore?: Store<RendererStore>;
     changeCanvasSizeOnZoom?: boolean;

package/dist/types/components/side_panel/chart/calendar_chart/calendar_chart_config_panel.d.ts

@@ -1,5 +1,4 @@
 import { CalendarChartDefinition, CalendarChartGranularity } from "../../../../types/chart/calendar_chart";
-import { ValueAndLabel } from "../../../../types/misc";
 import { Select } from "../../../select/select";
 import { GenericChartConfigPanel } from "../building_blocks/generic_side_panel/config_panel";
 import { ChartSidePanelProps } from "../common";
@@ -16,7 +15,6 @@ export declare class CalendarChartConfigPanel extends GenericChartConfigPanel<Ch
         value: "year" | "second_number" | "minute_number" | "hour_number" | "day_of_week" | "day_of_month" | "iso_week_number" | "month_number" | "quarter_number";
         label: string;
     }[];
-    getGroupByOptions(): ValueAndLabel[];
     getGroupByType(currentAxis: "horizontal" | "vertical"): CalendarChartGranularity;
     updateGroupBy(currentAxis: "horizontal" | "vertical", value: CalendarChartGranularity): void;
 }

package/dist/types/components/spreadsheet/spreadsheet.d.ts

@@ -2,6 +2,7 @@ import { Model } from "../../model";
 import { Component } from "../../owl3_compatibility_layer";
 import { InformationNotification } from "../../types/env";
 import { HeaderGroup, Pixel } from "../../types/misc";
+import { ColorThemeName } from "../../types/rendering";
 import { SpreadsheetChildEnv } from "../../types/spreadsheet_env";
 import { Store } from "../../types/store_engine";
 import { BottomBar } from "../bottom_bar/bottom_bar";
@@ -14,6 +15,10 @@ import { SidePanels } from "../side_panel/side_panels/side_panels";
 import { SmallBottomBar } from "../small_bottom_bar/small_bottom_bar";
 import { SpreadsheetPrint } from "../spreadsheet_print/spreadsheet_print";
 import { TopBar } from "../top_bar/top_bar";
+interface State {
+    printModeEnabled: boolean;
+    colorThemeBeforePrint: ColorThemeName;
+}
 export declare class Spreadsheet extends Component<SpreadsheetChildEnv> {
     static template: string;
     protected props: import("@odoo/owl").Props<{
@@ -36,9 +41,7 @@ export declare class Spreadsheet extends Component<SpreadsheetChildEnv> {
     sidePanel: Store<SidePanelStore>;
     spreadsheetRef: import("@odoo/owl").Signal<HTMLElement | null>;
     spreadsheetRect: import("../..").Rect;
-    state: {
-        printModeEnabled: boolean;
-    };
+    state: State;
     private _focusGrid?;
     private isViewportTooSmall;
     private notificationStore;
@@ -61,5 +64,8 @@ export declare class Spreadsheet extends Component<SpreadsheetChildEnv> {
         height: number;
     };
     getSpreadSheetClasses(): string;
+    enterPrintMode(): void;
     exitPrintMode(): void;
+    get colorScheme(): ColorThemeName;
 }
+export {};

package/dist/types/components/spreadsheet_print/print_iframe.d.ts

@@ -0,0 +1,15 @@
+import { Signal } from "@odoo/owl";
+interface PrintIframeArgs {
+    iframeRef: () => HTMLIFrameElement | null;
+    pageCount: () => number;
+    /** Dimensions/padding of a page */
+    pageStyle: () => string;
+    /** `@page` css rules */
+    pageRule: () => string;
+}
+export interface PrintIframe {
+    canvases: Signal<HTMLCanvasElement[]>;
+    print: () => void;
+}
+export declare function usePrintIframe(args: PrintIframeArgs): PrintIframe;
+export {};

package/dist/types/components/spreadsheet_print/spreadsheet_print.d.ts

@@ -6,6 +6,7 @@ import { BadgeSelection } from "../side_panel/components/badge_selection/badge_s
 import { Checkbox } from "../side_panel/components/checkbox/checkbox";
 import { Section } from "../side_panel/components/section/section";
 import { StandaloneGridCanvas } from "../standalone_grid_canvas/standalone_grid_canvas";
+import { PrintIframe } from "./print_iframe";
 import { Orientation, PrintPageLayout, PrintScale, PrintSelection, SpreadsheetPrintStore } from "./spreadsheet_print_store";
 export declare class SpreadsheetPrint extends Component<SpreadsheetChildEnv> {
     static template: string;
@@ -20,7 +21,10 @@ export declare class SpreadsheetPrint extends Component<SpreadsheetChildEnv> {
         Checkbox: typeof Checkbox;
     };
     printStore: Store<SpreadsheetPrintStore>;
+    printIframe: PrintIframe;
+    private iframeRef;
     setup(): void;
+    get pageRule(): string;
     get pageStyle(): string;
     onLayoutChange(value: PrintPageLayout): void;
     onPrintSelectionChange(value: PrintSelection): void;

package/dist/types/components/standalone_grid_canvas/standalone_grid_canvas.d.ts

@@ -24,8 +24,396 @@ export declare class StandaloneGridCanvas extends Component<SpreadsheetChildEnv>
             activeRows: Set<number>;
             activePosition: import("../..").CellPosition | undefined;
         };
+        canvas: {
+            height: number;
+            width: number;
+            captureStream: (frameRequestRate?: number) => MediaStream;
+            getContext: {
+                (contextId: "2d", options?: CanvasRenderingContext2DSettings): CanvasRenderingContext2D | null;
+                (contextId: "bitmaprenderer", options?: ImageBitmapRenderingContextSettings): ImageBitmapRenderingContext | null;
+                (contextId: "webgl", options?: WebGLContextAttributes): WebGLRenderingContext | null;
+                (contextId: "webgl2", options?: WebGLContextAttributes): WebGL2RenderingContext | null;
+                (contextId: string, options?: any): RenderingContext | null;
+            };
+            toBlob: (callback: BlobCallback, type?: string, quality?: number) => void;
+            toDataURL: (type?: string, quality?: number) => string;
+            transferControlToOffscreen: () => OffscreenCanvas;
+            addEventListener: {
+                <K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLCanvasElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+                (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+            };
+            removeEventListener: {
+                <K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLCanvasElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+                (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+            };
+            accessKey: string;
+            readonly accessKeyLabel: string;
+            autocapitalize: string;
+            autocorrect: boolean;
+            dir: string;
+            draggable: boolean;
+            hidden: boolean | "until-found";
+            inert: boolean;
+            innerText: string;
+            lang: string;
+            readonly offsetHeight: number;
+            readonly offsetLeft: number;
+            readonly offsetParent: Element | null;
+            readonly offsetTop: number;
+            readonly offsetWidth: number;
+            outerText: string;
+            popover: string | null;
+            spellcheck: boolean;
+            title: string;
+            translate: boolean;
+            writingSuggestions: string;
+            attachInternals: () => ElementInternals;
+            click: () => void;
+            hidePopover: () => void;
+            showPopover: (options?: ShowPopoverOptions) => void;
+            togglePopover: (options?: TogglePopoverOptions | boolean) => boolean;
+            readonly attributes: NamedNodeMap;
+            classList: DOMTokenList;
+            className: string;
+            readonly clientHeight: number;
+            readonly clientLeft: number;
+            readonly clientTop: number;
+            readonly clientWidth: number;
+            readonly currentCSSZoom: number;
+            readonly customElementRegistry: CustomElementRegistry | null;
+            id: string;
+            innerHTML: string;
+            readonly localName: string;
+            readonly namespaceURI: string | null;
+            onfullscreenchange: ((this: Element, ev: Event) => any) | null;
+            onfullscreenerror: ((this: Element, ev: Event) => any) | null;
+            outerHTML: string;
+            readonly ownerDocument: Document;
+            part: DOMTokenList;
+            readonly prefix: string | null;
+            readonly scrollHeight: number;
+            scrollLeft: number;
+            scrollTop: number;
+            readonly scrollWidth: number;
+            readonly shadowRoot: ShadowRoot | null;
+            slot: string;
+            readonly tagName: string;
+            attachShadow: (init: ShadowRootInit) => ShadowRoot;
+            checkVisibility: (options?: CheckVisibilityOptions) => boolean;
+            closest: {
+                <K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
+                <K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
+                <K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
+                <E extends Element = Element>(selectors: string): E | null;
+            };
+            computedStyleMap: () => StylePropertyMapReadOnly;
+            getAttribute: (qualifiedName: string) => string | null;
+            getAttributeNS: (namespace: string | null, localName: string) => string | null;
+            getAttributeNames: () => string[];
+            getAttributeNode: (qualifiedName: string) => Attr | null;
+            getAttributeNodeNS: (namespace: string | null, localName: string) => Attr | null;
+            getBoundingClientRect: () => DOMRect;
+            getClientRects: () => DOMRectList;
+            getElementsByClassName: (classNames: string) => HTMLCollectionOf<Element>;
+            getElementsByTagName: {
+                <K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
+                <K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
+                <K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
+                <K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
+                (qualifiedName: string): HTMLCollectionOf<Element>;
+            };
+            getElementsByTagNameNS: {
+                (namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
+                (namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
+                (namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
+                (namespace: string | null, localName: string): HTMLCollectionOf<Element>;
+            };
+            getHTML: (options?: GetHTMLOptions) => string;
+            hasAttribute: (qualifiedName: string) => boolean;
+            hasAttributeNS: (namespace: string | null, localName: string) => boolean;
+            hasAttributes: () => boolean;
+            hasPointerCapture: (pointerId: number) => boolean;
+            insertAdjacentElement: (where: InsertPosition, element: Element) => Element | null;
+            insertAdjacentHTML: (position: InsertPosition, string: string) => void;
+            insertAdjacentText: (where: InsertPosition, data: string) => void;
+            matches: {
+                <K extends keyof HTMLElementTagNameMap>(selectors: K): this is HTMLElementTagNameMap[K];
+                <K extends keyof SVGElementTagNameMap>(selectors: K): this is SVGElementTagNameMap[K];
+                <K extends keyof MathMLElementTagNameMap>(selectors: K): this is MathMLElementTagNameMap[K];
+                (selectors: string): boolean;
+            };
+            releasePointerCapture: (pointerId: number) => void;
+            removeAttribute: (qualifiedName: string) => void;
+            removeAttributeNS: (namespace: string | null, localName: string) => void;
+            removeAttributeNode: (attr: Attr) => Attr;
+            requestFullscreen: (options?: FullscreenOptions) => Promise<void>;
+            requestPointerLock: (options?: PointerLockOptions) => Promise<void>;
+            scroll: {
+                (options?: ScrollToOptions): void;
+                (x: number, y: number): void;
+            };
+            scrollBy: {
+                (options?: ScrollToOptions): void;
+                (x: number, y: number): void;
+            };
+            scrollIntoView: (arg?: boolean | ScrollIntoViewOptions) => void;
+            scrollTo: {
+                (options?: ScrollToOptions): void;
+                (x: number, y: number): void;
+            };
+            setAttribute: (qualifiedName: string, value: string) => void;
+            setAttributeNS: (namespace: string | null, qualifiedName: string, value: string) => void;
+            setAttributeNode: (attr: Attr) => Attr | null;
+            setAttributeNodeNS: (attr: Attr) => Attr | null;
+            setHTMLUnsafe: (html: string) => void;
+            setPointerCapture: (pointerId: number) => void;
+            toggleAttribute: (qualifiedName: string, force?: boolean) => boolean;
+            webkitMatchesSelector: (selectors: string) => boolean;
+            textContent: string;
+            readonly baseURI: string;
+            readonly childNodes: NodeListOf<ChildNode>;
+            readonly firstChild: ChildNode | null;
+            readonly isConnected: boolean;
+            readonly lastChild: ChildNode | null;
+            readonly nextSibling: ChildNode | null;
+            readonly nodeName: string;
+            readonly nodeType: number;
+            nodeValue: string | null;
+            readonly parentElement: HTMLElement | null;
+            readonly parentNode: ParentNode | null;
+            readonly previousSibling: ChildNode | null;
+            appendChild: <T extends Node>(node: T) => T;
+            cloneNode: (subtree?: boolean) => Node;
+            compareDocumentPosition: (other: Node) => number;
+            contains: (other: Node | null) => boolean;
+            getRootNode: (options?: GetRootNodeOptions) => Node;
+            hasChildNodes: () => boolean;
+            insertBefore: <T extends Node>(node: T, child: Node | null) => T;
+            isDefaultNamespace: (namespace: string | null) => boolean;
+            isEqualNode: (otherNode: Node | null) => boolean;
+            isSameNode: (otherNode: Node | null) => boolean;
+            lookupNamespaceURI: (prefix: string | null) => string | null;
+            lookupPrefix: (namespace: string | null) => string | null;
+            normalize: () => void;
+            removeChild: <T extends Node>(child: T) => T;
+            replaceChild: <T extends Node>(node: Node, child: T) => T;
+            readonly ELEMENT_NODE: 1;
+            readonly ATTRIBUTE_NODE: 2;
+            readonly TEXT_NODE: 3;
+            readonly CDATA_SECTION_NODE: 4;
+            readonly ENTITY_REFERENCE_NODE: 5;
+            readonly ENTITY_NODE: 6;
+            readonly PROCESSING_INSTRUCTION_NODE: 7;
+            readonly COMMENT_NODE: 8;
+            readonly DOCUMENT_NODE: 9;
+            readonly DOCUMENT_TYPE_NODE: 10;
+            readonly DOCUMENT_FRAGMENT_NODE: 11;
+            readonly NOTATION_NODE: 12;
+            readonly DOCUMENT_POSITION_DISCONNECTED: 1;
+            readonly DOCUMENT_POSITION_PRECEDING: 2;
+            readonly DOCUMENT_POSITION_FOLLOWING: 4;
+            readonly DOCUMENT_POSITION_CONTAINS: 8;
+            readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
+            readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
+            dispatchEvent: (event: Event) => boolean;
+            ariaActiveDescendantElement: Element | null;
+            ariaAtomic: string | null;
+            ariaAutoComplete: string | null;
+            ariaBrailleLabel: string | null;
+            ariaBrailleRoleDescription: string | null;
+            ariaBusy: string | null;
+            ariaChecked: string | null;
+            ariaColCount: string | null;
+            ariaColIndex: string | null;
+            ariaColIndexText: string | null;
+            ariaColSpan: string | null;
+            ariaControlsElements: ReadonlyArray<Element> | null;
+            ariaCurrent: string | null;
+            ariaDescribedByElements: ReadonlyArray<Element> | null;
+            ariaDescription: string | null;
+            ariaDetailsElements: ReadonlyArray<Element> | null;
+            ariaDisabled: string | null;
+            ariaErrorMessageElements: ReadonlyArray<Element> | null;
+            ariaExpanded: string | null;
+            ariaFlowToElements: ReadonlyArray<Element> | null;
+            ariaHasPopup: string | null;
+            ariaHidden: string | null;
+            ariaInvalid: string | null;
+            ariaKeyShortcuts: string | null;
+            ariaLabel: string | null;
+            ariaLabelledByElements: ReadonlyArray<Element> | null;
+            ariaLevel: string | null;
+            ariaLive: string | null;
+            ariaModal: string | null;
+            ariaMultiLine: string | null;
+            ariaMultiSelectable: string | null;
+            ariaOrientation: string | null;
+            ariaOwnsElements: ReadonlyArray<Element> | null;
+            ariaPlaceholder: string | null;
+            ariaPosInSet: string | null;
+            ariaPressed: string | null;
+            ariaReadOnly: string | null;
+            ariaRelevant: string | null;
+            ariaRequired: string | null;
+            ariaRoleDescription: string | null;
+            ariaRowCount: string | null;
+            ariaRowIndex: string | null;
+            ariaRowIndexText: string | null;
+            ariaRowSpan: string | null;
+            ariaSelected: string | null;
+            ariaSetSize: string | null;
+            ariaSort: string | null;
+            ariaValueMax: string | null;
+            ariaValueMin: string | null;
+            ariaValueNow: string | null;
+            ariaValueText: string | null;
+            role: string | null;
+            animate: (keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions) => Animation;
+            getAnimations: (options?: GetAnimationsOptions) => Animation[];
+            after: (...nodes: (Node | string)[]) => void;
+            before: (...nodes: (Node | string)[]) => void;
+            remove: () => void;
+            replaceWith: (...nodes: (Node | string)[]) => void;
+            readonly nextElementSibling: Element | null;
+            readonly previousElementSibling: Element | null;
+            readonly childElementCount: number;
+            readonly children: HTMLCollection;
+            readonly firstElementChild: Element | null;
+            readonly lastElementChild: Element | null;
+            append: (...nodes: (Node | string)[]) => void;
+            moveBefore: (node: Node, child: Node | null) => void;
+            prepend: (...nodes: (Node | string)[]) => void;
+            querySelector: {
+                <K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
+                <K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
+                <K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
+                <K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
+                <E extends Element = Element>(selectors: string): E | null;
+            };
+            querySelectorAll: {
+                <K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
+                <K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
+                <K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
+                <K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
+                <E extends Element = Element>(selectors: string): NodeListOf<E>;
+            };
+            replaceChildren: (...nodes: (Node | string)[]) => void;
+            readonly assignedSlot: HTMLSlotElement | null;
+            readonly attributeStyleMap: StylePropertyMap;
+            style: CSSStyleDeclaration;
+            contentEditable: string;
+            enterKeyHint: string;
+            inputMode: string;
+            readonly isContentEditable: boolean;
+            onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
+            onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+            onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+            onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+            onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+            onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+            onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+            onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
+            onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
+            oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+            onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            oncommand: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+            oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+            oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+            ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+            ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+            ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+            ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+            ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+            ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+            ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+            ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+            ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onerror: OnErrorEventHandler;
+            onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
+            onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
+            ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+            oninput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+            oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+            onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+            onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+            onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+            onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+            onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+            onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+            onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+            onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+            onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+            onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+            onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+            onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+            onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+            onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+            onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+            onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+            onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+            onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+            onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+            onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
+            onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
+            onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
+            onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
+            onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
+            ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined | undefined;
+            ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined | undefined;
+            ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined | undefined;
+            ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined | undefined;
+            ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+            ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+            ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+            ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+            onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+            onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
+            autofocus: boolean;
+            readonly dataset: DOMStringMap;
+            nonce: string;
+            tabIndex: number;
+            blur: () => void;
+            focus: (options?: FocusOptions) => void;
+        };
     }>;
-    private canvasRef;
     rendererStore: Store<RendererStore>;
     figureRendererStore: Store<FigureRendererStore>;
     setup(): void;