@node-projects/web-component-designer 0.0.291 → 0.1.0

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

@@ -1,259 +0,0 @@
-import { CommonPropertiesService } from './CommonPropertiesService.js';
-import { PropertyType } from '../PropertyType.js';
-export class SVGElementsPropertiesService extends CommonPropertiesService {
-    rectProperties = [
-        {
-            name: "x",
-            type: "number",
-            defaultValue: "0",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        },
-        {
-            name: "y",
-            type: "number",
-            defaultValue: "0",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        },
-        {
-            name: "width",
-            type: "number",
-            defaultValue: "auto",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        },
-        {
-            name: "height",
-            type: "number",
-            defaultValue: "auto",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        },
-        {
-            name: "rx",
-            type: "number",
-            defaultValue: "auto",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        },
-        {
-            name: "ry",
-            type: "number",
-            defaultValue: "auto",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        },
-        {
-            name: "pathLength",
-            type: "number",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        },
-        {
-            name: "fill",
-            type: "list",
-            values: ["transparent", "black", "white", "blue", "green", "red", "yellow", "orange", "brown", "grey"],
-            defaultValue: "transparent",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        },
-        {
-            name: "fill-opacity",
-            type: "list",
-            values: ["0.1", "0.2", "0.3", "0.4", "0.5", "0.6", "0.7", "0.8", "0.9", "1"],
-            defaultValue: "1",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }
-    ];
-    lineProperties = [
-        {
-            name: "x1",
-            type: "number",
-            defaultValue: "0",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        },
-        {
-            name: "y1",
-            type: "number",
-            defaultValue: "0",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        },
-        {
-            name: "x2",
-            type: "number",
-            defaultValue: "0",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        },
-        {
-            name: "y2",
-            type: "number",
-            defaultValue: "0",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        },
-        {
-            name: "pathLength",
-            type: "number",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }
-    ];
-    ellipseProperties = [
-        {
-            name: "cx",
-            type: "number",
-            defaultValue: "0",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        },
-        {
-            name: "cy",
-            type: "number",
-            defaultValue: "0",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        },
-        {
-            name: "rx",
-            type: "number",
-            defaultValue: "auto",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        },
-        {
-            name: "ry",
-            type: "number",
-            defaultValue: "auto",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        },
-        {
-            name: "pathLength",
-            type: "number",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        },
-        {
-            name: "fill",
-            type: "list",
-            values: ["transparent", "black", "white", "blue", "green", "red", "yellow", "orange", "brown", "grey"],
-            defaultValue: "transparent",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        },
-        {
-            name: "fill-opacity",
-            type: "list",
-            values: ["0.1", "0.2", "0.3", "0.4", "0.5", "0.6", "0.7", "0.8", "0.9", "1"],
-            defaultValue: "1",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }
-    ];
-    pathProperties = [
-        {
-            name: "d",
-            type: "string",
-            defaultValue: '',
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        },
-        {
-            name: "pathLength",
-            type: "number",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }
-    ];
-    svgProperties = [
-        {
-            name: "width",
-            type: "number",
-            defaultValue: "auto",
-            service: this,
-            propertyType: PropertyType.cssValue
-        },
-        {
-            name: "height",
-            type: "number",
-            defaultValue: "auto",
-            service: this,
-            propertyType: PropertyType.cssValue
-        },
-        {
-            name: "viewBox",
-            type: "number",
-            service: this,
-            propertyType: PropertyType.cssValue
-        }
-    ];
-    defaultProperties = [
-        {
-            name: "stroke",
-            type: "list",
-            values: ["black", "white", "blue", "green", "red", "yellow", "orange", "brown", "grey"],
-            defaultValue: "currentcolor",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        },
-        {
-            name: "stroke-width",
-            type: "number",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        },
-        {
-            name: "stroke-opacity",
-            type: "list",
-            values: ["0.1", "0.2", "0.3", "0.4", "0.5", "0.6", "0.7", "0.8", "0.9", "1"],
-            defaultValue: "1",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        },
-        {
-            name: "visibility",
-            type: "list",
-            values: ["visible", "hidden"],
-            defaultValue: "visible",
-            service: this,
-            propertyType: PropertyType.propertyAndAttribute
-        }
-    ];
-    name = "svg";
-    isHandledElement(designItem) {
-        switch (designItem.element.localName) {
-            case 'rect':
-            case 'line':
-            case 'ellipse':
-            case 'path':
-            case 'svg':
-                return true;
-        }
-        return false;
-    }
-    getProperty(designItem, name) {
-        return this.getProperties(designItem).find(x => x.name == name);
-    }
-    getProperties(designItem) {
-        if (!this.isHandledElement(designItem))
-            return null;
-        switch (designItem.element.localName) {
-            case 'rect':
-                return [...this.rectProperties, ...this.defaultProperties];
-            case 'line':
-                return [...this.lineProperties, ...this.defaultProperties];
-            case 'ellipse':
-                return [...this.ellipseProperties, ...this.defaultProperties];
-            case 'path':
-                return [...this.pathProperties, ...this.defaultProperties];
-            case 'svg':
-                return this.svgProperties;
-        }
-        return null;
-    }
-}

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

@@ -1,10 +0,0 @@
-import { IProperty } from '../IProperty.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-import { IPropertyGroup } from '../IPropertyGroup.js';
-import { AbstractPropertiesService } from './AbstractPropertiesService.js';
-import { RefreshMode } from '../IPropertiesService.js';
-export declare class UnkownElementsPropertiesService extends AbstractPropertiesService {
-    getRefreshMode(designItem: IDesignItem): RefreshMode;
-    isHandledElement(designItem: IDesignItem): boolean;
-    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
-}

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

@@ -1,28 +0,0 @@
-import { AbstractPropertiesService } from './AbstractPropertiesService.js';
-import { RefreshMode } from '../IPropertiesService.js';
-import { PropertyType } from '../PropertyType.js';
-export class UnkownElementsPropertiesService extends AbstractPropertiesService {
-    getRefreshMode(designItem) {
-        return RefreshMode.full;
-    }
-    isHandledElement(designItem) {
-        return true;
-    }
-    getProperties(designItem) {
-        let list = Object.getOwnPropertyNames(Object.getPrototypeOf(designItem.element));
-        let props = [];
-        for (let p of list) {
-            let desc = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(designItem.element), p);
-            if (desc.get || desc.set) {
-                let v = designItem.element[p];
-                if (typeof v == 'boolean')
-                    props.push({ name: p, type: 'boolean', service: this, propertyType: PropertyType.propertyAndAttribute });
-                else if (typeof v == 'number')
-                    props.push({ name: p, type: 'bonumberolean', service: this, propertyType: PropertyType.propertyAndAttribute });
-                else
-                    props.push({ name: p, type: 'string', service: this, propertyType: PropertyType.propertyAndAttribute });
-            }
-        }
-        return props;
-    }
-}

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

@@ -1,24 +0,0 @@
-/// <reference types="node" />
-import { IPropertiesService, RefreshMode } from '../IPropertiesService.js';
-import { IProperty } from '../IProperty.js';
-import { IDesignItem } from '../../../item/IDesignItem.js';
-import { ValueType } from '../ValueType.js';
-import { BindingTarget } from '../../../item/BindingTarget.js';
-import { IBinding } from '../../../item/IBinding.js';
-import { IPropertyGroup } from '../IPropertyGroup.js';
-export declare abstract class AbstractPropertiesService implements IPropertiesService {
-    _stylesCache: Map<IDesignItem, Set<string>>;
-    _cacheClearTimer: NodeJS.Timeout;
-    abstract getRefreshMode(designItem: IDesignItem): RefreshMode;
-    abstract isHandledElement(designItem: IDesignItem): boolean;
-    protected _notifyChangedProperty(designItem: IDesignItem, property: IProperty, value: any): void;
-    getProperty(designItem: IDesignItem, name: string): IProperty;
-    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
-    setValue(designItems: IDesignItem[], property: IProperty, value: any): void;
-    getPropertyTarget(designItem: IDesignItem, property: IProperty): BindingTarget;
-    clearValue(designItems: IDesignItem[], property: IProperty, clearType: 'all' | 'binding' | 'value'): void;
-    isSet(designItems: IDesignItem[], property: IProperty): ValueType;
-    getValue(designItems: IDesignItem[], property: IProperty): string | boolean;
-    getBinding(designItems: IDesignItem[], property: IProperty): IBinding;
-    getUnsetValue(designItems: IDesignItem[], property: IProperty): any;
-}

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

@@ -1,198 +0,0 @@
-import { ValueType } from '../ValueType.js';
-import { PropertiesHelper } from './PropertiesHelper.js';
-import { BindingTarget } from '../../../item/BindingTarget.js';
-import { PropertyType } from '../PropertyType.js';
-import { NodeType } from '../../../item/NodeType.js';
-export class AbstractPropertiesService {
-    _stylesCache = new Map;
-    _cacheClearTimer;
-    _notifyChangedProperty(designItem, property, value) {
-    }
-    getProperty(designItem, name) {
-        let properties = this.getProperties(designItem);
-        if ('properties' in properties[0]) {
-            return properties.flatMap(x => x.properties).find(x => x.name == name);
-        }
-        else
-            return properties.find(x => x.name == name);
-    }
-    getProperties(designItem) {
-        Object.getOwnPropertyNames(Object.getPrototypeOf(designItem.element));
-    }
-    setValue(designItems, property, value) {
-        const cg = designItems[0].openGroup("property changed: " + property.name + " to " + value);
-        for (let d of designItems) {
-            if (property.propertyType == PropertyType.cssValue) {
-                d.updateStyleInSheetOrLocal(property.name, value);
-                //unkown css property names do not trigger the mutation observer of property grid, 
-                //fixed by assinging stle again to the attribute
-                d.element.setAttribute('style', d.element.getAttribute('style'));
-            }
-            else {
-                let attributeName = property.attributeName;
-                if (!attributeName)
-                    attributeName = PropertiesHelper.camelToDashCase(property.name);
-                if (property.type === 'object') {
-                    const json = JSON.stringify(value);
-                    if (property.propertyType == PropertyType.attribute || property.propertyType == PropertyType.propertyAndAttribute)
-                        d.setAttribute(attributeName, json);
-                    if (property.propertyType == PropertyType.property || property.propertyType == PropertyType.propertyAndAttribute)
-                        d.element[property.name] = value;
-                }
-                else if (property.type == 'boolean' && !value) {
-                    if (property.propertyType == PropertyType.attribute || property.propertyType == PropertyType.propertyAndAttribute)
-                        d.removeAttribute(attributeName);
-                    if (property.propertyType == PropertyType.property || property.propertyType == PropertyType.propertyAndAttribute)
-                        d.element[property.name] = false;
-                }
-                else if (property.type == 'boolean' && value) {
-                    if (property.propertyType == PropertyType.attribute || property.propertyType == PropertyType.propertyAndAttribute)
-                        d.setAttribute(attributeName, "");
-                    if (property.propertyType == PropertyType.property || property.propertyType == PropertyType.propertyAndAttribute)
-                        d.element[property.name] = true;
-                }
-                else {
-                    if (property.propertyType == PropertyType.attribute || property.propertyType == PropertyType.propertyAndAttribute)
-                        d.setAttribute(attributeName, value.toString());
-                    if (property.propertyType == PropertyType.property || property.propertyType == PropertyType.propertyAndAttribute)
-                        d.element[property.name] = value;
-                }
-            }
-            this._notifyChangedProperty(d, property, value);
-        }
-        cg.commit();
-    }
-    getPropertyTarget(designItem, property) {
-        return BindingTarget.property;
-    }
-    clearValue(designItems, property, clearType) {
-        const cg = designItems[0].openGroup("property cleared: " + property.name);
-        for (let d of designItems) {
-            if (clearType != 'binding') {
-                if (property.propertyType == PropertyType.cssValue) {
-                    d.removeStyle(property.name);
-                }
-                else {
-                    let attributeName = property.attributeName;
-                    if (!attributeName)
-                        attributeName = PropertiesHelper.camelToDashCase(property.name);
-                    d.removeAttribute(attributeName);
-                }
-            }
-            if (clearType != 'value') {
-                d.serviceContainer.forSomeServicesTillResult('bindingService', (s) => {
-                    return s.clearBinding(d, property.name, this.getPropertyTarget(d, property));
-                });
-            }
-            this._notifyChangedProperty(d, property, undefined);
-        }
-        cg.commit();
-    }
-    isSet(designItems, property) {
-        let all = true;
-        let some = false;
-        if (designItems != null && designItems.length !== 0) {
-            let attributeName = property.attributeName;
-            if (!attributeName)
-                attributeName = PropertiesHelper.camelToDashCase(property.name);
-            for (let x of designItems) {
-                let has = false;
-                if (property.propertyType == PropertyType.cssValue)
-                    has = x.hasStyle(property.name);
-                else
-                    has = x.hasAttribute(attributeName);
-                all = all && has;
-                some = some || has;
-                if (!all && some)
-                    break;
-            }
-            ;
-            //todo: optimize perf, do not call bindings service for each property. 
-            const bindings = designItems[0].serviceContainer.forSomeServicesTillResult('bindingService', (s) => {
-                return s.getBindings(designItems[0]);
-            });
-            if (property.propertyType == PropertyType.cssValue) {
-                if (bindings && bindings.find(x => x.target == BindingTarget.css && x.targetName == property.name))
-                    return ValueType.bound;
-            }
-            else {
-                if (bindings && bindings.find(x => x.target == BindingTarget.property && x.targetName == property.name))
-                    return ValueType.bound;
-            }
-            if (!all && property.propertyType == PropertyType.cssValue) {
-                let styles = this._stylesCache.get(designItems[0]);
-                if (!styles) {
-                    styles = new Set(designItems[0].getAllStyles().filter(x => x.selector != null).flatMap(x => x.declarations).map(x => x.name));
-                    this._stylesCache.set(designItems[0], styles);
-                    clearTimeout(this._cacheClearTimer);
-                    this._cacheClearTimer = setTimeout(() => this._stylesCache.clear(), 30);
-                }
-                let cssValue = styles.has(property.name);
-                if (cssValue)
-                    return ValueType.fromStylesheet;
-            }
-        }
-        else
-            return ValueType.none;
-        return all ? ValueType.all : some ? ValueType.some : ValueType.none;
-    }
-    getValue(designItems, property) {
-        if (designItems != null && designItems.length !== 0) {
-            if (property.propertyType == PropertyType.cssValue) {
-                let lastValue = designItems[0].getStyle(property.name);
-                for (const d of designItems) {
-                    let value = d.getStyle(property.name);
-                    if (value != lastValue) {
-                        lastValue = null;
-                        break;
-                    }
-                }
-                return lastValue;
-            }
-            else {
-                let attributeName = property.attributeName;
-                if (!attributeName)
-                    attributeName = PropertiesHelper.camelToDashCase(property.name);
-                if (property.type == 'boolean')
-                    return designItems[0].hasAttribute(attributeName);
-                let lastValue = designItems[0].getAttribute(attributeName);
-                /*
-                for (const x of designItems) {
-                  let value = x.attributes.get(attributeName);
-                  if (value != lastValue) {
-                    lastValue = null;
-                    break;
-                  }
-                }
-                */
-                return lastValue;
-            }
-        }
-        return null;
-    }
-    getBinding(designItems, property) {
-        //TODO: optimize perf, do not call bindings service for each property. 
-        const bindings = designItems[0].serviceContainer.forSomeServicesTillResult('bindingService', (s) => {
-            return s.getBindings(designItems[0]);
-        });
-        if (property.propertyType == PropertyType.cssValue) {
-            return bindings.find(x => (x.target == BindingTarget.css) && x.targetName == property.name);
-        }
-        else {
-            return bindings.find(x => (x.target == BindingTarget.property || x.target == BindingTarget.attribute) && x.targetName == property.name);
-        }
-    }
-    getUnsetValue(designItems, property) {
-        if (property.propertyType == PropertyType.cssValue) {
-            if (designItems != null && designItems.length !== 0) {
-                if (designItems[0].nodeType == NodeType.Element) {
-                    let v = window.getComputedStyle(designItems[0].element)[property.name];
-                    return v;
-                }
-            }
-            return null;
-        }
-        else
-            return property.defaultValue;
-    }
-}

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

@@ -1,20 +0,0 @@
-import { BindingTarget } from "../../../item/BindingTarget.js";
-import { IDesignItem } from "../../../item/IDesignItem.js";
-import { IPropertiesService, RefreshMode } from "../IPropertiesService.js";
-import { IProperty } from "../IProperty.js";
-import { IPropertyGroup } from "../IPropertyGroup.js";
-import { AbstractPropertiesService } from "./AbstractPropertiesService.js";
-export declare class WebcomponentManifestPropertiesService extends AbstractPropertiesService implements IPropertiesService {
-    getRefreshMode(designItem: IDesignItem): RefreshMode;
-    private _name;
-    get name(): string;
-    private _propertiesList;
-    constructor(name: string, manifest: any);
-    private _parseManifest;
-    private manifestClassPropertyTypeToEditorPropertyType;
-    isHandledElement(designItem: IDesignItem): boolean;
-    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
-    getProperty(designItem: IDesignItem, name: string): IProperty;
-    getPropertyTarget(designItem: IDesignItem, property: IProperty): BindingTarget;
-    getUnsetValue(designItems: IDesignItem[], property: IProperty): any;
-}

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

@@ -1,81 +0,0 @@
-import { BindingTarget } from "../../../item/BindingTarget.js";
-import { RefreshMode } from "../IPropertiesService.js";
-import { PropertyType } from "../PropertyType.js";
-import { AbstractPropertiesService } from "./AbstractPropertiesService.js";
-export class WebcomponentManifestPropertiesService extends AbstractPropertiesService {
-    getRefreshMode(designItem) {
-        return RefreshMode.full;
-    }
-    _name;
-    get name() { return this._name; }
-    _propertiesList;
-    constructor(name, manifest) {
-        super();
-        this._name = name;
-        this._parseManifest(manifest);
-    }
-    _parseManifest(manifest) {
-        this._propertiesList = {};
-        let declarations = [];
-        for (let m of manifest.modules) {
-            if (m.declarations)
-                declarations.push(...m.declarations);
-        }
-        for (let m of manifest.modules) {
-            for (let e of m.exports) {
-                if (e.kind == 'custom-element-definition') {
-                    let properties = [];
-                    let declaration = declarations.find(x => x.name == e.declaration.name);
-                    if (declaration) {
-                        if (declaration.members) {
-                            for (let d of declaration.members) {
-                                if (d.kind == 'field' && d.privacy !== 'private' && d.privacy !== 'protected') {
-                                    let pType = PropertyType.property;
-                                    if (declaration.attributes)
-                                        pType = declaration.attributes.find(x => x.fieldName == d.name) != null ? PropertyType.propertyAndAttribute : PropertyType.property;
-                                    const p = this.manifestClassPropertyTypeToEditorPropertyType(d.type?.text);
-                                    if (d.name)
-                                        properties.push({ name: d.name, service: this, propertyType: pType, type: p[0], values: p[1], description: d.description });
-                                }
-                            }
-                            this._propertiesList[e.name] = properties;
-                        }
-                    }
-                    else {
-                        console.warn('declaration for ' + e.declaration.name + ' not found', manifest);
-                    }
-                }
-            }
-        }
-    }
-    manifestClassPropertyTypeToEditorPropertyType(type) {
-        if (type) {
-            if (type.toLowerCase() === 'boolean')
-                return ['boolean'];
-            if (type.toLowerCase() === 'number')
-                return ['number'];
-            if (type.toLowerCase() === 'string')
-                return ['string'];
-            if (type.startsWith("'") && type.includes("|")) {
-                const values = type.split("|").map(x => x.trim()).map(x => x.substring(1, x.length - 1));
-                return ['list', values];
-            }
-        }
-        return [type];
-    }
-    isHandledElement(designItem) {
-        return this._propertiesList[designItem.name] != null;
-    }
-    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;
-    }
-    getUnsetValue(designItems, property) {
-        return designItems[0].element[property.propertyName ?? property.name];
-    }
-}

package/dist/elements/services/selectionService/ISelectionChangedEvent.d.ts

@@ -1,5 +0,0 @@
-import { IDesignItem } from '../../item/IDesignItem.js';
-export interface ISelectionChangedEvent {
-    oldSelectedElements: IDesignItem[];
-    selectedElements: IDesignItem[];
-}

package/dist/elements/services/selectionService/ISelectionChangedEvent.js

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

package/dist/elements/services/selectionService/ISelectionService.d.ts

@@ -1,11 +0,0 @@
-import { TypedEvent } from '@node-projects/base-custom-webcomponent';
-import { IDesignItem } from '../../item/IDesignItem.js';
-import { ISelectionChangedEvent } from './ISelectionChangedEvent.js';
-export interface ISelectionService {
-    primarySelection: IDesignItem;
-    selectedElements: IDesignItem[];
-    setSelectedElements(designItems: IDesignItem[]): void;
-    clearSelectedElements(): void;
-    isSelected(designItem: IDesignItem): boolean;
-    readonly onSelectionChanged: TypedEvent<ISelectionChangedEvent>;
-}

package/dist/elements/services/selectionService/ISelectionService.js

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

package/dist/elements/services/selectionService/SelectionService.d.ts

@@ -1,17 +0,0 @@
-import { ISelectionService } from './ISelectionService.js';
-import { IDesignItem } from '../../item/IDesignItem.js';
-import { ISelectionChangedEvent } from './ISelectionChangedEvent.js';
-import { TypedEvent } from '@node-projects/base-custom-webcomponent';
-import { IDesignerCanvas } from '../../widgets/designerView/IDesignerCanvas.js';
-export declare class SelectionService implements ISelectionService {
-    primarySelection: IDesignItem;
-    selectedElements: IDesignItem[];
-    _designerCanvas: IDesignerCanvas;
-    _undoSelectionChanges: boolean;
-    constructor(designerCanvas: IDesignerCanvas, undoSelectionChanges: boolean);
-    setSelectedElements(designItems: IDesignItem[]): void;
-    _withoutUndoSetSelectedElements(designItems: IDesignItem[]): void;
-    clearSelectedElements(): void;
-    isSelected(designItem: IDesignItem): boolean;
-    readonly onSelectionChanged: TypedEvent<ISelectionChangedEvent>;
-}