@node-projects/web-component-designer 0.0.126 → 0.0.127

package/dist/elements/services/elementsService/WebcomponentManifestParserService.js

@@ -1,94 +0,0 @@
-import { BindingTarget } from "../../item/BindingTarget";
-import { PropertyType } from "../propertiesService/PropertyType";
-import { UnkownElementPropertiesService } from "../propertiesService/services/UnkownElementPropertiesService";
-export class WebcomponentManifestParserService extends UnkownElementPropertiesService {
-    _name;
-    get name() { return this._name; }
-    _packageData;
-    _elementList;
-    _propertiesList;
-    _resolveStored;
-    _rejectStored;
-    _importPrefix = '';
-    constructor(name, fileOrObject, importPrefix = '') {
-        super();
-        this._name = name;
-        this._importPrefix = importPrefix;
-        if (typeof fileOrObject === 'string') {
-            this._importPrefix = this._importPrefix ?? fileOrObject.split('/').slice(0, -1).join('/');
-            import(fileOrObject, { assert: { type: 'json' } }).then(module => {
-                this._packageData = module.default;
-                this._parseManifest();
-            }).catch(err => {
-                if (this._rejectStored) {
-                    this._rejectStored.forEach(x => x(err));
-                    this._resolveStored = null;
-                    this._rejectStored = null;
-                }
-            });
-        }
-        else {
-            this._packageData = fileOrObject;
-            this._parseManifest();
-        }
-    }
-    _parseManifest() {
-        this._elementList = [];
-        this._propertiesList = {};
-        for (let m of this._packageData.modules) {
-            for (let e of m.exports) {
-                if (e.kind == 'custom-element-definition') {
-                    this._elementList.push({ tag: e.name, import: this._importPrefix + '/' + e.declaration.module });
-                    let properties = [];
-                    let declaration = m.declarations.find(x => x.name == e.declaration.name);
-                    for (let d of declaration.members) {
-                        if (d.kind == 'field') {
-                            let pType = PropertyType.property;
-                            if (declaration.attributes)
-                                pType = declaration.attributes.find(x => x.fieldName == d.name) != null ? PropertyType.propertyAndAttribute : PropertyType.property;
-                            properties.push({ name: d.name, service: this, propertyType: pType, type: this.manifestClassPropertyTypeToEditorPropertyType(d.type?.text) });
-                        }
-                    }
-                    this._propertiesList[e.name] = properties;
-                }
-            }
-            if (this._resolveStored) {
-                this._resolveStored.forEach(x => x(this._elementList));
-                this._resolveStored = null;
-                this._rejectStored = null;
-            }
-        }
-    }
-    manifestClassPropertyTypeToEditorPropertyType(type) {
-        if (type) {
-            if (type.toLowerCase() === 'boolean')
-                return 'boolean';
-            if (type.toLowerCase() === 'number')
-                return 'number';
-        }
-        return type;
-    }
-    async getElements() {
-        if (this._packageData)
-            return Promise.resolve(this._elementList);
-        if (!this._resolveStored) {
-            this._resolveStored = [];
-            this._rejectStored = [];
-        }
-        return new Promise((resolve, reject) => { this._resolveStored.push(resolve); this._rejectStored.push(reject); });
-    }
-    isHandledElement(designItem) {
-        if (this._elementList)
-            return this._elementList.find(x => x.tag == designItem.name) != null;
-        return false;
-    }
-    getProperties(designItem) {
-        return this._propertiesList[designItem.name];
-    }
-    getProperty(designItem, name) {
-        return this._propertiesList[designItem.name].find(x => x.name == name);
-    }
-    getPropertyTarget(designItem, property) {
-        return this._propertiesList[designItem.name].find(x => x.name == property.name).propertyType == PropertyType.attribute ? BindingTarget.attribute : BindingTarget.property;
-    }
-}

package/dist/elements/services/htmlParserService/NodeHtmlParserService copy.d.ts

@@ -1,11 +0,0 @@
-import { InstanceServiceContainer } from "../InstanceServiceContainer";
-import { ServiceContainer } from "../ServiceContainer";
-import { IHtmlParserService } from "./IHtmlParserService";
-import { IDesignItem } from '../../item/IDesignItem';
-export declare class NodeHtmlParserService implements IHtmlParserService {
-    private _parserUrl;
-    constructor(parserUrl?: string);
-    parse(html: string, serviceContainer: ServiceContainer, instanceServiceContainer: InstanceServiceContainer): Promise<IDesignItem[]>;
-    private _parseDiv;
-    _createDesignItemsRecursive(item: any, serviceContainer: ServiceContainer, instanceServiceContainer: InstanceServiceContainer, namespace: string): IDesignItem;
-}

package/dist/elements/services/htmlParserService/NodeHtmlParserService copy.js

@@ -1,96 +0,0 @@
-import { DesignItem } from '../../item/DesignItem';
-import { CssAttributeParser } from "../../helper/CssAttributeParser";
-import { newElementFromString } from "../../helper/ElementHelper";
-// Alternative Parser, cause when you use the Browser, it instanciates the CusomElements, and some Elemnts remove
-// attributes from their DOM, so you loose Data
-export class NodeHtmlParserService {
-    _parserUrl;
-    constructor(parserUrl = '../../../../../node-html-parser-esm/dist/index.js') {
-        this._parserUrl = parserUrl;
-    }
-    async parse(html, serviceContainer, instanceServiceContainer) {
-        //@ts-ignore
-        let parser = await import(this._parserUrl);
-        const parsed = parser.parse(html, { comment: true });
-        let designItems = [];
-        for (let p of parsed.childNodes) {
-            let di = this._createDesignItemsRecursive(p, serviceContainer, instanceServiceContainer, null);
-            if (di != null)
-                designItems.push(di);
-            else
-                console.warn("NodeHtmlParserService - could not parse element", p);
-        }
-        return designItems;
-    }
-    _parseDiv = document.createElement("div");
-    _createDesignItemsRecursive(item, serviceContainer, instanceServiceContainer, namespace) {
-        let designItem = null;
-        if (item.nodeType == 1) {
-            let element;
-            let manualCreatedElement = false;
-            if (!namespace)
-                element = newElementFromString('<' + item.rawTagName + ' ' + item.rawAttrs + '></' + item.rawTagName + '>'); // some custom elements only parse attributes during constructor call 
-            if (!element) {
-                if (namespace)
-                    element = document.createElementNS(namespace, item.rawTagName);
-                else
-                    element = document.createElement(item.rawTagName);
-                manualCreatedElement = true;
-            }
-            designItem = new DesignItem(element, serviceContainer, instanceServiceContainer);
-            let hideAtDesignTime = false;
-            let hideAtRunTime = false;
-            let lockAtDesignTime = false;
-            let style = '';
-            let attr = item.attributes;
-            for (let a in attr) {
-                if (a !== 'style') {
-                    designItem.attributes.set(a, attr[a]);
-                    if (manualCreatedElement) {
-                        element.setAttribute(a, attr[a]);
-                    }
-                    if (a === 'node-projects-hide-at-design-time')
-                        hideAtDesignTime = true;
-                    else if (a === 'node-projects-hide-at-run-time')
-                        hideAtRunTime = true;
-                    else if (a === 'node-projects-lock-at-design-time')
-                        lockAtDesignTime = true;
-                }
-                else {
-                    style = attr[a];
-                }
-            }
-            if ((element instanceof HTMLElement || element instanceof SVGElement) && style) {
-                let styleParser = new CssAttributeParser();
-                styleParser.parse(style);
-                for (let s of styleParser.entries) {
-                    designItem.styles.set(s.name, s.value);
-                    if (manualCreatedElement) {
-                        element.style[s.name] = s.value;
-                    }
-                }
-            }
-            if (!lockAtDesignTime && (element instanceof HTMLElement || element instanceof SVGElement)) {
-                requestAnimationFrame(() => element.style.pointerEvents = 'auto');
-            }
-            designItem.hideAtDesignTime = hideAtDesignTime;
-            designItem.hideAtRunTime = hideAtRunTime;
-            designItem.lockAtDesignTime = lockAtDesignTime;
-            element.draggable = false; //even if it should be true, for better designer exp.
-            for (let c of item.childNodes) {
-                let di = this._createDesignItemsRecursive(c, serviceContainer, instanceServiceContainer, element instanceof SVGElement ? 'http://www.w3.org/2000/svg' : null);
-                designItem._insertChildInternal(di);
-            }
-        }
-        else if (item.nodeType == 3) {
-            this._parseDiv.innerHTML = item.rawText;
-            let element = this._parseDiv.childNodes[0];
-            designItem = new DesignItem(element, serviceContainer, instanceServiceContainer);
-        }
-        else if (item.nodeType == 8) {
-            let element = document.createComment(item.rawText);
-            designItem = new DesignItem(element, serviceContainer, instanceServiceContainer);
-        }
-        return designItem;
-    }
-}

package/dist/elements/services/initializationService/DefaultIntializationService.d.ts

@@ -1,6 +0,0 @@
-import { IDesignItem } from '../../item/IDesignItem';
-import { IIntializationService } from './IIntializationService';
-export declare class DefaultIntializationService implements IIntializationService {
-    init(designItem: IDesignItem): void;
-    initializeIframe(iframe: HTMLIFrameElement): void;
-}

package/dist/elements/services/initializationService/DefaultIntializationService.js

@@ -1,22 +0,0 @@
-export class DefaultIntializationService {
-    init(designItem) {
-        /*if (designItem.name == 'iframe') {
-          this.initializeIframe(<HTMLIFrameElement>designItem.element);
-        }*/
-    }
-    initializeIframe(iframe) {
-        /*iframe.contentDocument.body.style.pointerEvents = 'none';
-        function cloneIframeEvent(event: PointerEvent) {
-          var clRect = iframe.getBoundingClientRect();
-          let data = { ...event };
-          data.clientX = event.clientX + clRect.left;
-          data.clientY = event.clientY + clRect.top;
-          var evt = new PointerEvent(event.type, data) //new CustomEvent('pointerdown', {bubbles: true, cancelable: false});
-          iframe.dispatchEvent(evt);
-        }
-        iframe.contentWindow.addEventListener('pointerdown', cloneIframeEvent);
-        iframe.contentWindow.addEventListener('pointermove', cloneIframeEvent);
-        iframe.contentWindow.addEventListener('pointerup', cloneIframeEvent);*/
-    }
-    ;
-}

package/dist/elements/services/instanceService/IPrepareElementsForDesignerService.d.ts

@@ -1,4 +0,0 @@
-import { IDesignItem } from "../../item/IDesignItem.js";
-export interface IPrepareElementsForDesignerService {
-    prepareElementsForDesigner(designItem: IDesignItem): any;
-}

package/dist/elements/services/instanceService/IPrepareElementsForDesignerService.js

@@ -1 +0,0 @@
-export {};

package/dist/elements/services/instanceService/PrepareElementsForDesignerService.d.ts

@@ -1,6 +0,0 @@
-import { IDesignItem } from "../../item/IDesignItem.js";
-import { IPrepareElementsForDesignerService } from "./IPrepareElementsForDesignerService.js";
-export declare class PrepareElementsForDesignerService implements IPrepareElementsForDesignerService {
-    prepareElementsForDesigner(designItem: IDesignItem): void;
-    private _prepareElementsForDesigner;
-}

package/dist/elements/services/instanceService/PrepareElementsForDesignerService.js

@@ -1,32 +0,0 @@
-export class PrepareElementsForDesignerService {
-    prepareElementsForDesigner(designItem) {
-        if (designItem !== designItem.instanceServiceContainer.contentService.rootDesignItem)
-            this._prepareElementsForDesigner([designItem.element], true);
-        this._prepareElementsForDesigner(designItem.element.querySelectorAll('*'), true);
-    }
-    _prepareElementsForDesigner(elements, rootElements) {
-        /*for (let el of elements) {
-          if ((<HTMLElement>el).shadowRoot) {
-            this._prepareElementsForDesigner(((<HTMLElement>el).shadowRoot).querySelectorAll('*'), false);
-          }
-          if (el instanceof HTMLElement) {
-            el.onclick = null;
-            el.onmousedown = null;
-            el.onmouseup = null;
-            if (!rootElements)
-              el.style.pointerEvents = 'none';
-          }
-          if (el instanceof HTMLImageElement) {
-            el.draggable = false;
-          }
-          else if (el instanceof HTMLInputElement) {
-            el.onmousedown = (e) => e.preventDefault();
-            //const ip = el;
-            //el.onclick = (e) => { if (ip.type == 'checkbox') ip.checked = !ip.checked };
-          }
-          else if (el instanceof HTMLSelectElement) {
-            el.onmousedown = (e) => e.preventDefault();
-          }
-        }*/
-    }
-}

package/dist/elements/services/propertiesService/services/WebcomponentManifestParserService.d.ts

@@ -1,25 +0,0 @@
-import { BindingTarget } from "../../item/BindingTarget";
-import { IElementDefinition } from "../elementsService/IElementDefinition";
-import { IElementsService } from "../elementsService/IElementsService";
-import { IPropertiesService } from "../propertiesService/IPropertiesService";
-import { IProperty } from "../propertiesService/IProperty";
-import { IDesignItem } from "../../item/IDesignItem";
-import { UnkownElementPropertiesService } from "../propertiesService/services/UnkownElementPropertiesService";
-export declare class WebcomponentManifestParserService extends UnkownElementPropertiesService implements IElementsService, IPropertiesService {
-    private _name;
-    get name(): string;
-    private _packageData;
-    private _elementList;
-    private _propertiesList;
-    private _resolveStored;
-    private _rejectStored;
-    private _importPrefix;
-    constructor(name: string, fileOrObject: string | object, importPrefix?: string);
-    private _parseManifest;
-    private manifestClassPropertyTypeToEditorPropertyType;
-    getElements(): Promise<IElementDefinition[]>;
-    isHandledElement(designItem: IDesignItem): boolean;
-    getProperties(designItem: IDesignItem): IProperty[];
-    getProperty(designItem: IDesignItem, name: string): IProperty;
-    getPropertyTarget(designItem: IDesignItem, property: IProperty): BindingTarget;
-}

package/dist/elements/services/propertiesService/services/WebcomponentManifestParserService.js

@@ -1,94 +0,0 @@
-import { BindingTarget } from "../../item/BindingTarget";
-import { PropertyType } from "../propertiesService/PropertyType";
-import { UnkownElementPropertiesService } from "../propertiesService/services/UnkownElementPropertiesService";
-export class WebcomponentManifestParserService extends UnkownElementPropertiesService {
-    _name;
-    get name() { return this._name; }
-    _packageData;
-    _elementList;
-    _propertiesList;
-    _resolveStored;
-    _rejectStored;
-    _importPrefix = '';
-    constructor(name, fileOrObject, importPrefix = '') {
-        super();
-        this._name = name;
-        this._importPrefix = importPrefix;
-        if (typeof fileOrObject === 'string') {
-            this._importPrefix = this._importPrefix ?? fileOrObject.split('/').slice(0, -1).join('/');
-            import(fileOrObject, { assert: { type: 'json' } }).then(module => {
-                this._packageData = module.default;
-                this._parseManifest();
-            }).catch(err => {
-                if (this._rejectStored) {
-                    this._rejectStored.forEach(x => x(err));
-                    this._resolveStored = null;
-                    this._rejectStored = null;
-                }
-            });
-        }
-        else {
-            this._packageData = fileOrObject;
-            this._parseManifest();
-        }
-    }
-    _parseManifest() {
-        this._elementList = [];
-        this._propertiesList = {};
-        for (let m of this._packageData.modules) {
-            for (let e of m.exports) {
-                if (e.kind == 'custom-element-definition') {
-                    this._elementList.push({ tag: e.name, import: this._importPrefix + '/' + e.declaration.module });
-                    let properties = [];
-                    let declaration = m.declarations.find(x => x.name == e.declaration.name);
-                    for (let d of declaration.members) {
-                        if (d.kind == 'field') {
-                            let pType = PropertyType.property;
-                            if (declaration.attributes)
-                                pType = declaration.attributes.find(x => x.fieldName == d.name) != null ? PropertyType.propertyAndAttribute : PropertyType.property;
-                            properties.push({ name: d.name, service: this, propertyType: pType, type: this.manifestClassPropertyTypeToEditorPropertyType(d.type?.text) });
-                        }
-                    }
-                    this._propertiesList[e.name] = properties;
-                }
-            }
-            if (this._resolveStored) {
-                this._resolveStored.forEach(x => x(this._elementList));
-                this._resolveStored = null;
-                this._rejectStored = null;
-            }
-        }
-    }
-    manifestClassPropertyTypeToEditorPropertyType(type) {
-        if (type) {
-            if (type.toLowerCase() === 'boolean')
-                return 'boolean';
-            if (type.toLowerCase() === 'number')
-                return 'number';
-        }
-        return type;
-    }
-    async getElements() {
-        if (this._packageData)
-            return Promise.resolve(this._elementList);
-        if (!this._resolveStored) {
-            this._resolveStored = [];
-            this._rejectStored = [];
-        }
-        return new Promise((resolve, reject) => { this._resolveStored.push(resolve); this._rejectStored.push(reject); });
-    }
-    isHandledElement(designItem) {
-        if (this._elementList)
-            return this._elementList.find(x => x.tag == designItem.name) != null;
-        return false;
-    }
-    getProperties(designItem) {
-        return this._propertiesList[designItem.name];
-    }
-    getProperty(designItem, name) {
-        return this._propertiesList[designItem.name].find(x => x.name == name);
-    }
-    getPropertyTarget(designItem, property) {
-        return this._propertiesList[designItem.name].find(x => x.name == property.name).propertyType == PropertyType.attribute ? BindingTarget.attribute : BindingTarget.property;
-    }
-}

package/dist/elements/services/undoService/transactionItems/MoveElementInDomAction.d.ts

@@ -1,16 +0,0 @@
-import { ITransactionItem } from '../ITransactionItem';
-import { IDesignItem } from '../../../item/IDesignItem';
-export declare class MoveElementInDomAction implements ITransactionItem {
-    constructor(designItem: IDesignItem, newTarget: IDesignItem, newPosition: InsertPosition, oldTarget: IDesignItem, oldPosition: InsertPosition);
-    title?: string;
-    get affectedItems(): IDesignItem[];
-    undo(): void;
-    do(): void;
-    designItem: IDesignItem;
-    newTarget: IDesignItem;
-    newPosition: InsertPosition;
-    oldTarget: IDesignItem;
-    oldPosition: InsertPosition;
-    newItem: IDesignItem;
-    mergeWith(other: ITransactionItem): boolean;
-}

package/dist/elements/services/undoService/transactionItems/MoveElementInDomAction.js

@@ -1,31 +0,0 @@
-export class MoveElementInDomAction {
-    constructor(designItem, newTarget, newPosition, oldTarget, oldPosition) {
-        this.title = "Move Item";
-        this.designItem = designItem;
-        this.newTarget = newTarget;
-        this.newPosition = newPosition;
-        this.oldTarget = oldTarget;
-        this.oldPosition = oldPosition;
-    }
-    title;
-    get affectedItems() {
-        return [this.designItem, this.newTarget, this.oldTarget];
-    }
-    undo() {
-        this.oldTarget.element.insertAdjacentElement(this.oldPosition, this.designItem.element);
-        this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({ changeType: 'moved', designItems: [this.designItem] });
-    }
-    do() {
-        this.newTarget.element.insertAdjacentElement(this.newPosition, this.designItem.element);
-        this.affectedItems[0].instanceServiceContainer.contentService.onContentChanged.emit({ changeType: 'moved', designItems: [this.designItem] });
-    }
-    designItem;
-    newTarget;
-    newPosition;
-    oldTarget;
-    oldPosition;
-    newItem;
-    mergeWith(other) {
-        return false;
-    }
-}

package/dist/elements/widgets/designerView/DesignerViewUseOverlayScollbars.d.ts

@@ -1,7 +0,0 @@
-import { IDesignerCanvas } from "./IDesignerCanvas.js";
-import { IDesignViewConfigButtonsProvider } from "./IDesignViewConfigButtonsProvider.js";
-import { DesignerView } from './designerView';
-export declare class DesignerViewUseOverlayScollbars implements IDesignViewConfigButtonsProvider {
-    constructor();
-    provideButtons(designerView: DesignerView, designerCanvas: IDesignerCanvas): HTMLElement[];
-}

package/dist/elements/widgets/designerView/DesignerViewUseOverlayScollbars.js

@@ -1,13 +0,0 @@
-//todo, element moving does not work atm, needs to be fixed
-export class DesignerViewUseOverlayScollbars {
-    constructor() {
-    }
-    provideButtons(designerView, designerCanvas) {
-        let externalCss = document.createElement('style');
-        externalCss.innerHTML = '@import url("./node_modules/overlayscrollbars/css/OverlayScrollbars.min.css");';
-        designerCanvas.shadowRoot.appendChild(externalCss);
-        //@ts-ignore
-        setTimeout(() => OverlayScrollbars([designerCanvas._outercanvas2], {}), 5000);
-        return [];
-    }
-}

package/dist/elements/widgets/designerView/designerCanvas.ts.BASE.d.ts

@@ -1,92 +0,0 @@
-import { ServiceContainer } from '../../services/ServiceContainer';
-import { InstanceServiceContainer } from '../../services/InstanceServiceContainer';
-import { IDesignItem } from '../../item/IDesignItem';
-import { BaseCustomWebComponentLazyAppend, TypedEvent } from '@node-projects/base-custom-webcomponent';
-import { IDesignerCanvas } from './IDesignerCanvas';
-import { Snaplines } from './Snaplines';
-import { ContextMenuHelper } from '../../helper/contextMenu/ContextMenuHelper';
-import { IPlacementView } from './IPlacementView';
-import { IUiCommandHandler } from '../../../commandHandling/IUiCommandHandler';
-import { IUiCommand } from '../../../commandHandling/IUiCommand';
-import { IExtensionManager } from "./extensions/IExtensionManger";
-import { IPoint } from "../../../interfaces/IPoint";
-import { OverlayLayer } from "./extensions/OverlayLayer";
-import { OverlayLayerView } from './overlayLayerView';
-import { IRect } from "../../../interfaces/IRect.js";
-export declare class DesignerCanvas extends BaseCustomWebComponentLazyAppend implements IDesignerCanvas, IPlacementView, IUiCommandHandler {
-    serviceContainer: ServiceContainer;
-    instanceServiceContainer: InstanceServiceContainer;
-    containerBoundingRect: DOMRect;
-    outerRect: DOMRect;
-    gridSize: number;
-    alignOnGrid: boolean;
-    alignOnSnap: boolean;
-    snapLines: Snaplines;
-    overlayLayer: OverlayLayerView;
-    rootDesignItem: IDesignItem;
-    eatEvents: Element;
-    transformHelperElement: HTMLDivElement;
-    private _zoomFactor;
-    private _scaleFactor;
-    private _canvasOffset;
-    get zoomFactor(): number;
-    set zoomFactor(value: number);
-    get scaleFactor(): number;
-    get canvasOffset(): IPoint;
-    set canvasOffset(value: IPoint);
-    onContentChanged: TypedEvent<void>;
-    private _canvas;
-    private _canvasContainer;
-    private _outercanvas2;
-    private _lastHoverDesignItem;
-    private _onContextMenuBound;
-    private _pointerEventHandlerBound;
-    private _firstConnect;
-    private _onKeyDownBound;
-    private _onKeyUpBound;
-    static readonly style: CSSStyleSheet;
-    static readonly template: HTMLTemplateElement;
-    extensionManager: IExtensionManager;
-    private _pointerextensions;
-    private _onDblClickBound;
-    constructor();
-    get designerWidth(): string;
-    set designerWidth(value: string);
-    get designerHeight(): string;
-    set designerHeight(value: string);
-    get designerOffsetWidth(): number;
-    get designerOffsetHeight(): number;
-    set additionalStyle(value: CSSStyleSheet);
-    executeCommand(command: IUiCommand): Promise<void>;
-    canExecuteCommand(command: IUiCommand): boolean;
-    handleSelectAll(): void;
-    handleCopyCommand(): Promise<void>;
-    handlePasteCommand(): Promise<void>;
-    handleDeleteCommand(): void;
-    initialize(serviceContainer: ServiceContainer): void;
-    elementFromPoint(x: number, y: number): Element;
-    connectedCallback(): void;
-    zoomFactorChanged(): void;
-    _updateTransform(): void;
-    setDesignItems(designItems: IDesignItem[]): void;
-    addDesignItems(designItems: IDesignItem[]): void;
-    private _onDragEnter;
-    private _onDragLeave;
-    private _onDragOver;
-    private _onDrop;
-    private _onContextMenu;
-    showDesignItemContextMenu(designItem: IDesignItem, event: MouseEvent): ContextMenuHelper;
-    private _onDblClick;
-    private onKeyUp;
-    private onKeyDown;
-    getNormalizedEventCoordinates(event: MouseEvent): IPoint;
-    getNormalizedElementCoordinates(element: Element): IRect;
-    getNormalizedOffsetInElement(event: MouseEvent, element: Element): IPoint;
-    getElementAtPoint(point: IPoint, ignoreElementCallback?: (element: HTMLElement) => boolean): HTMLElement;
-    _rect: SVGRectElement;
-    private _pointerEventHandler;
-    private _fillCalculationrects;
-    addOverlay(element: SVGGraphicsElement, overlayLayer?: OverlayLayer): void;
-    removeOverlay(element: SVGGraphicsElement): void;
-    getItemsBelowMouse(event: MouseEvent): Element[];
-}