@node-projects/web-component-designer 0.0.66 → 0.0.67

package/dist/elements/widgets/designerView/extensions/ExtensionManager.js

@@ -1,217 +1,217 @@
-import { DesignItem } from "../../../item/DesignItem";
-import { ExtensionType } from './ExtensionType';
-export class ExtensionManager {
-    designerView;
-    constructor(designerView) {
-        this.designerView = designerView;
-        designerView.instanceServiceContainer.selectionService.onSelectionChanged.on(this._selectedElementsChanged.bind(this));
-        //TODO: Create Permanent Extensions. We need a Event for new DesignItem Added and Removed from DOM
-    }
-    _selectedElementsChanged(selectionChangedEvent) {
-        if (selectionChangedEvent.oldSelectedElements && selectionChangedEvent.oldSelectedElements.length) {
-            if (selectionChangedEvent.oldSelectedElements[0].parent) {
-                const primaryContainer = DesignItem.GetOrCreateDesignItem(selectionChangedEvent.oldSelectedElements[0].parent.element, this.designerView.serviceContainer, this.designerView.instanceServiceContainer);
-                this.removeExtension(primaryContainer, ExtensionType.PrimarySelectionContainer);
-                this.removeExtension(selectionChangedEvent.oldSelectedElements[0], ExtensionType.PrimarySelection);
-                this.removeExtensions(selectionChangedEvent.oldSelectedElements, ExtensionType.Selection);
-            }
-        }
-        if (selectionChangedEvent.selectedElements && selectionChangedEvent.selectedElements.length) {
-            this.applyExtensions(selectionChangedEvent.selectedElements, ExtensionType.Selection);
-            this.applyExtension(selectionChangedEvent.selectedElements[0], ExtensionType.PrimarySelection);
-            const primaryContainer = DesignItem.GetOrCreateDesignItem(selectionChangedEvent.selectedElements[0].parent.element, this.designerView.serviceContainer, this.designerView.instanceServiceContainer);
-            this.applyExtension(primaryContainer, ExtensionType.PrimarySelectionContainer);
-        }
-        this.refreshExtensions(selectionChangedEvent.selectedElements);
-    }
-    applyExtension(designItem, extensionType) {
-        if (designItem) {
-            const extProv = this.designerView.serviceContainer.designerExtensions.get(extensionType);
-            if (extProv) {
-                for (let e of extProv) {
-                    if (e.shouldExtend(this, this.designerView, designItem)) {
-                        let appE = designItem.appliedDesignerExtensions.get(extensionType);
-                        if (!appE)
-                            appE = [];
-                        const ext = e.getExtension(this, this.designerView, designItem);
-                        try {
-                            ext.extend();
-                        }
-                        catch (err) {
-                            console.error(err);
-                        }
-                        appE.push(ext);
-                        designItem.appliedDesignerExtensions.set(extensionType, appE);
-                    }
-                }
-            }
-        }
-    }
-    applyExtensions(designItems, extensionType) {
-        if (designItems) {
-            const extProv = this.designerView.serviceContainer.designerExtensions.get(extensionType);
-            if (extProv) {
-                for (let e of extProv) {
-                    for (let i of designItems) {
-                        if (e.shouldExtend(this, this.designerView, i)) {
-                            let appE = i.appliedDesignerExtensions.get(extensionType);
-                            if (!appE)
-                                appE = [];
-                            const ext = e.getExtension(this, this.designerView, i);
-                            try {
-                                ext.extend();
-                            }
-                            catch (err) {
-                                console.error(err);
-                            }
-                            appE.push(ext);
-                            i.appliedDesignerExtensions.set(extensionType, appE);
-                        }
-                    }
-                }
-            }
-        }
-    }
-    removeExtension(designItem, extensionType) {
-        if (designItem) {
-            if (extensionType) {
-                let exts = designItem.appliedDesignerExtensions.get(extensionType);
-                if (exts) {
-                    for (let e of exts) {
-                        try {
-                            e.dispose();
-                        }
-                        catch (err) {
-                            console.error(err);
-                        }
-                    }
-                    designItem.appliedDesignerExtensions.delete(extensionType);
-                }
-            }
-            else {
-                for (let appE of designItem.appliedDesignerExtensions) {
-                    for (let e of appE[1]) {
-                        try {
-                            e.dispose();
-                        }
-                        catch (err) {
-                            console.error(err);
-                        }
-                    }
-                }
-                designItem.appliedDesignerExtensions.clear();
-            }
-        }
-    }
-    removeExtensions(designItems, extensionType) {
-        if (designItems) {
-            if (extensionType) {
-                for (let i of designItems) {
-                    let exts = i.appliedDesignerExtensions.get(extensionType);
-                    if (exts) {
-                        for (let e of exts) {
-                            try {
-                                e.dispose();
-                            }
-                            catch (err) {
-                                console.error(err);
-                            }
-                        }
-                        i.appliedDesignerExtensions.delete(extensionType);
-                    }
-                }
-            }
-            else {
-                for (let i of designItems) {
-                    for (let appE of i.appliedDesignerExtensions) {
-                        for (let e of appE[1]) {
-                            try {
-                                e.dispose();
-                            }
-                            catch (err) {
-                                console.error(err);
-                            }
-                        }
-                    }
-                    i.appliedDesignerExtensions.clear();
-                }
-            }
-        }
-    }
-    refreshExtension(designItem, extensionType) {
-        if (designItem) {
-            if (extensionType) {
-                let exts = designItem.appliedDesignerExtensions.get(extensionType);
-                if (exts) {
-                    for (let e of exts) {
-                        try {
-                            e.refresh();
-                        }
-                        catch (err) {
-                            console.error(err);
-                        }
-                    }
-                }
-            }
-            else {
-                for (let appE of designItem.appliedDesignerExtensions) {
-                    for (let e of appE[1]) {
-                        try {
-                            e.refresh();
-                        }
-                        catch (err) {
-                            console.error(err);
-                        }
-                    }
-                }
-            }
-        }
-    }
-    refreshExtensions(designItems, extensionType) {
-        if (designItems) {
-            if (extensionType) {
-                for (let i of designItems) {
-                    let exts = i.appliedDesignerExtensions.get(extensionType);
-                    if (exts) {
-                        for (let e of exts) {
-                            try {
-                                e.refresh();
-                            }
-                            catch (err) {
-                                console.error(err);
-                            }
-                        }
-                    }
-                }
-            }
-            else {
-                for (let i of designItems) {
-                    for (let appE of i.appliedDesignerExtensions) {
-                        for (let e of appE[1]) {
-                            try {
-                                e.refresh();
-                            }
-                            catch (err) {
-                                console.error(err);
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-    refreshAllExtensions(designItems) {
-        if (designItems) {
-            this.refreshExtensions(designItems, ExtensionType.Permanent);
-            this.refreshExtensions(designItems, ExtensionType.Selection);
-            this.refreshExtensions(designItems, ExtensionType.PrimarySelection);
-            this.refreshExtensions(designItems, ExtensionType.PrimarySelectionContainer);
-            this.refreshExtensions(designItems, ExtensionType.MouseOver);
-            this.refreshExtensions(designItems, ExtensionType.OnlyOneItemSelected);
-            this.refreshExtensions(designItems, ExtensionType.MultipleItemsSelected);
-            this.refreshExtensions(designItems, ExtensionType.ContainerDragOver);
-            this.refreshExtensions(designItems, ExtensionType.ContainerDrag);
-            this.refreshExtensions(designItems, ExtensionType.Doubleclick);
-        }
-    }
-}
+import { DesignItem } from "../../../item/DesignItem";
+import { ExtensionType } from './ExtensionType';
+export class ExtensionManager {
+    designerView;
+    constructor(designerView) {
+        this.designerView = designerView;
+        designerView.instanceServiceContainer.selectionService.onSelectionChanged.on(this._selectedElementsChanged.bind(this));
+        //TODO: Create Permanent Extensions. We need a Event for new DesignItem Added and Removed from DOM
+    }
+    _selectedElementsChanged(selectionChangedEvent) {
+        if (selectionChangedEvent.oldSelectedElements && selectionChangedEvent.oldSelectedElements.length) {
+            if (selectionChangedEvent.oldSelectedElements[0].parent) {
+                const primaryContainer = DesignItem.GetOrCreateDesignItem(selectionChangedEvent.oldSelectedElements[0].parent.element, this.designerView.serviceContainer, this.designerView.instanceServiceContainer);
+                this.removeExtension(primaryContainer, ExtensionType.PrimarySelectionContainer);
+                this.removeExtension(selectionChangedEvent.oldSelectedElements[0], ExtensionType.PrimarySelection);
+                this.removeExtensions(selectionChangedEvent.oldSelectedElements, ExtensionType.Selection);
+            }
+        }
+        if (selectionChangedEvent.selectedElements && selectionChangedEvent.selectedElements.length) {
+            this.applyExtensions(selectionChangedEvent.selectedElements, ExtensionType.Selection);
+            this.applyExtension(selectionChangedEvent.selectedElements[0], ExtensionType.PrimarySelection);
+            const primaryContainer = DesignItem.GetOrCreateDesignItem(selectionChangedEvent.selectedElements[0].parent.element, this.designerView.serviceContainer, this.designerView.instanceServiceContainer);
+            this.applyExtension(primaryContainer, ExtensionType.PrimarySelectionContainer);
+        }
+        this.refreshExtensions(selectionChangedEvent.selectedElements);
+    }
+    applyExtension(designItem, extensionType) {
+        if (designItem) {
+            const extProv = this.designerView.serviceContainer.designerExtensions.get(extensionType);
+            if (extProv) {
+                for (let e of extProv) {
+                    if (e.shouldExtend(this, this.designerView, designItem)) {
+                        let appE = designItem.appliedDesignerExtensions.get(extensionType);
+                        if (!appE)
+                            appE = [];
+                        const ext = e.getExtension(this, this.designerView, designItem);
+                        try {
+                            ext.extend();
+                        }
+                        catch (err) {
+                            console.error(err);
+                        }
+                        appE.push(ext);
+                        designItem.appliedDesignerExtensions.set(extensionType, appE);
+                    }
+                }
+            }
+        }
+    }
+    applyExtensions(designItems, extensionType) {
+        if (designItems) {
+            const extProv = this.designerView.serviceContainer.designerExtensions.get(extensionType);
+            if (extProv) {
+                for (let e of extProv) {
+                    for (let i of designItems) {
+                        if (e.shouldExtend(this, this.designerView, i)) {
+                            let appE = i.appliedDesignerExtensions.get(extensionType);
+                            if (!appE)
+                                appE = [];
+                            const ext = e.getExtension(this, this.designerView, i);
+                            try {
+                                ext.extend();
+                            }
+                            catch (err) {
+                                console.error(err);
+                            }
+                            appE.push(ext);
+                            i.appliedDesignerExtensions.set(extensionType, appE);
+                        }
+                    }
+                }
+            }
+        }
+    }
+    removeExtension(designItem, extensionType) {
+        if (designItem) {
+            if (extensionType) {
+                let exts = designItem.appliedDesignerExtensions.get(extensionType);
+                if (exts) {
+                    for (let e of exts) {
+                        try {
+                            e.dispose();
+                        }
+                        catch (err) {
+                            console.error(err);
+                        }
+                    }
+                    designItem.appliedDesignerExtensions.delete(extensionType);
+                }
+            }
+            else {
+                for (let appE of designItem.appliedDesignerExtensions) {
+                    for (let e of appE[1]) {
+                        try {
+                            e.dispose();
+                        }
+                        catch (err) {
+                            console.error(err);
+                        }
+                    }
+                }
+                designItem.appliedDesignerExtensions.clear();
+            }
+        }
+    }
+    removeExtensions(designItems, extensionType) {
+        if (designItems) {
+            if (extensionType) {
+                for (let i of designItems) {
+                    let exts = i.appliedDesignerExtensions.get(extensionType);
+                    if (exts) {
+                        for (let e of exts) {
+                            try {
+                                e.dispose();
+                            }
+                            catch (err) {
+                                console.error(err);
+                            }
+                        }
+                        i.appliedDesignerExtensions.delete(extensionType);
+                    }
+                }
+            }
+            else {
+                for (let i of designItems) {
+                    for (let appE of i.appliedDesignerExtensions) {
+                        for (let e of appE[1]) {
+                            try {
+                                e.dispose();
+                            }
+                            catch (err) {
+                                console.error(err);
+                            }
+                        }
+                    }
+                    i.appliedDesignerExtensions.clear();
+                }
+            }
+        }
+    }
+    refreshExtension(designItem, extensionType) {
+        if (designItem) {
+            if (extensionType) {
+                let exts = designItem.appliedDesignerExtensions.get(extensionType);
+                if (exts) {
+                    for (let e of exts) {
+                        try {
+                            e.refresh();
+                        }
+                        catch (err) {
+                            console.error(err);
+                        }
+                    }
+                }
+            }
+            else {
+                for (let appE of designItem.appliedDesignerExtensions) {
+                    for (let e of appE[1]) {
+                        try {
+                            e.refresh();
+                        }
+                        catch (err) {
+                            console.error(err);
+                        }
+                    }
+                }
+            }
+        }
+    }
+    refreshExtensions(designItems, extensionType) {
+        if (designItems) {
+            if (extensionType) {
+                for (let i of designItems) {
+                    let exts = i.appliedDesignerExtensions.get(extensionType);
+                    if (exts) {
+                        for (let e of exts) {
+                            try {
+                                e.refresh();
+                            }
+                            catch (err) {
+                                console.error(err);
+                            }
+                        }
+                    }
+                }
+            }
+            else {
+                for (let i of designItems) {
+                    for (let appE of i.appliedDesignerExtensions) {
+                        for (let e of appE[1]) {
+                            try {
+                                e.refresh();
+                            }
+                            catch (err) {
+                                console.error(err);
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+    refreshAllExtensions(designItems) {
+        if (designItems) {
+            this.refreshExtensions(designItems, ExtensionType.Permanent);
+            this.refreshExtensions(designItems, ExtensionType.Selection);
+            this.refreshExtensions(designItems, ExtensionType.PrimarySelection);
+            this.refreshExtensions(designItems, ExtensionType.PrimarySelectionContainer);
+            this.refreshExtensions(designItems, ExtensionType.MouseOver);
+            this.refreshExtensions(designItems, ExtensionType.OnlyOneItemSelected);
+            this.refreshExtensions(designItems, ExtensionType.MultipleItemsSelected);
+            this.refreshExtensions(designItems, ExtensionType.ContainerDragOver);
+            this.refreshExtensions(designItems, ExtensionType.ContainerDrag);
+            this.refreshExtensions(designItems, ExtensionType.Doubleclick);
+        }
+    }
+}

package/dist/elements/widgets/designerView/extensions/ExtensionType.d.ts

@@ -1,18 +1,18 @@
-export declare enum ExtensionType {
-    Permanent = 1,
-    Selection = 2,
-    PrimarySelection = 4,
-    PrimarySelectionContainer = 8,
-    MouseOver = 16,
-    OnlyOneItemSelected = 32,
-    MultipleItemsSelected = 64,
-    /**
-     * Extension for the Container wich the dragged element is draged over.
-     */
-    ContainerDragOver = 128,
-    /**
-     * Extension for the Current Container wich the dragged element is contained.
-     */
-    ContainerDrag = 256,
-    Doubleclick = 512
-}
+export declare enum ExtensionType {
+    Permanent = 1,
+    Selection = 2,
+    PrimarySelection = 4,
+    PrimarySelectionContainer = 8,
+    MouseOver = 16,
+    OnlyOneItemSelected = 32,
+    MultipleItemsSelected = 64,
+    /**
+     * Extension for the Container wich the dragged element is draged over.
+     */
+    ContainerDragOver = 128,
+    /**
+     * Extension for the Current Container wich the dragged element is contained.
+     */
+    ContainerDrag = 256,
+    Doubleclick = 512
+}

package/dist/elements/widgets/designerView/extensions/ExtensionType.js

@@ -1,19 +1,19 @@
-export var ExtensionType;
-(function (ExtensionType) {
-    ExtensionType[ExtensionType["Permanent"] = 1] = "Permanent";
-    ExtensionType[ExtensionType["Selection"] = 2] = "Selection";
-    ExtensionType[ExtensionType["PrimarySelection"] = 4] = "PrimarySelection";
-    ExtensionType[ExtensionType["PrimarySelectionContainer"] = 8] = "PrimarySelectionContainer";
-    ExtensionType[ExtensionType["MouseOver"] = 16] = "MouseOver";
-    ExtensionType[ExtensionType["OnlyOneItemSelected"] = 32] = "OnlyOneItemSelected";
-    ExtensionType[ExtensionType["MultipleItemsSelected"] = 64] = "MultipleItemsSelected";
-    /**
-     * Extension for the Container wich the dragged element is draged over.
-     */
-    ExtensionType[ExtensionType["ContainerDragOver"] = 128] = "ContainerDragOver";
-    /**
-     * Extension for the Current Container wich the dragged element is contained.
-     */
-    ExtensionType[ExtensionType["ContainerDrag"] = 256] = "ContainerDrag";
-    ExtensionType[ExtensionType["Doubleclick"] = 512] = "Doubleclick";
-})(ExtensionType || (ExtensionType = {}));
+export var ExtensionType;
+(function (ExtensionType) {
+    ExtensionType[ExtensionType["Permanent"] = 1] = "Permanent";
+    ExtensionType[ExtensionType["Selection"] = 2] = "Selection";
+    ExtensionType[ExtensionType["PrimarySelection"] = 4] = "PrimarySelection";
+    ExtensionType[ExtensionType["PrimarySelectionContainer"] = 8] = "PrimarySelectionContainer";
+    ExtensionType[ExtensionType["MouseOver"] = 16] = "MouseOver";
+    ExtensionType[ExtensionType["OnlyOneItemSelected"] = 32] = "OnlyOneItemSelected";
+    ExtensionType[ExtensionType["MultipleItemsSelected"] = 64] = "MultipleItemsSelected";
+    /**
+     * Extension for the Container wich the dragged element is draged over.
+     */
+    ExtensionType[ExtensionType["ContainerDragOver"] = 128] = "ContainerDragOver";
+    /**
+     * Extension for the Current Container wich the dragged element is contained.
+     */
+    ExtensionType[ExtensionType["ContainerDrag"] = 256] = "ContainerDrag";
+    ExtensionType[ExtensionType["Doubleclick"] = 512] = "Doubleclick";
+})(ExtensionType || (ExtensionType = {}));

package/dist/elements/widgets/designerView/extensions/GrayOutExtension.d.ts

@@ -1,13 +1,13 @@
-import { IRect } from "../../../../interfaces/IRect";
-import { IDesignItem } from "../../../item/IDesignItem";
-import { IDesignerCanvas } from "../IDesignerCanvas";
-import { AbstractExtension } from "./AbstractExtension";
-import { IExtensionManager } from "./IExtensionManger";
-export declare class GrayOutExtension extends AbstractExtension {
-    private _path;
-    constructor(extensionManager: IExtensionManager, designerView: IDesignerCanvas, extendedItem: IDesignItem);
-    extend(): void;
-    refresh(): void;
-    drawGrayOut(rect: IRect): void;
-    dispose(): void;
-}
+import { IRect } from "../../../../interfaces/IRect";
+import { IDesignItem } from "../../../item/IDesignItem";
+import { IDesignerCanvas } from "../IDesignerCanvas";
+import { AbstractExtension } from "./AbstractExtension";
+import { IExtensionManager } from "./IExtensionManger";
+export declare class GrayOutExtension extends AbstractExtension {
+    private _path;
+    constructor(extensionManager: IExtensionManager, designerView: IDesignerCanvas, extendedItem: IDesignItem);
+    extend(): void;
+    refresh(): void;
+    drawGrayOut(rect: IRect): void;
+    dispose(): void;
+}

package/dist/elements/widgets/designerView/extensions/GrayOutExtension.js

@@ -1,32 +1,32 @@
-import { AbstractExtension } from "./AbstractExtension";
-export class GrayOutExtension extends AbstractExtension {
-    _path;
-    constructor(extensionManager, designerView, extendedItem) {
-        super(extensionManager, designerView, extendedItem);
-    }
-    extend() {
-        this.refresh();
-    }
-    refresh() {
-        if (!this._path) {
-            this._path = document.createElementNS("http://www.w3.org/2000/svg", "path");
-            this._path.setAttribute('class', 'svg-gray-out');
-            this.overlayLayerView.appendChild(this._path);
-            this.overlays.push(this._path);
-        }
-        let itemRect = this.extendedItem.element.getBoundingClientRect();
-        this.drawGrayOut(itemRect);
-    }
-    drawGrayOut(rect) {
-        let r = { x: rect.x - this.designerCanvas.containerBoundingRect.x, y: rect.y - this.designerCanvas.containerBoundingRect.y, width: rect.width, height: rect.height };
-        const pathPoints = "M0 0 L0 " + this.designerCanvas.containerBoundingRect.height + "L" + r.x + " " + this.designerCanvas.containerBoundingRect.height + "L" + r.x + " 0" + " L0 0" +
-            "M" + r.x + " 0 L" + r.x + " " + r.y + "L" + this.designerCanvas.containerBoundingRect.width + " " + r.y + "L" + this.designerCanvas.containerBoundingRect.width + " 0" + "L" + r.x + " 0" +
-            "M" + r.x + " " + (r.y + r.height) + "L" + r.x + " " + this.designerCanvas.containerBoundingRect.height + "L" + this.designerCanvas.containerBoundingRect.width + " " + this.designerCanvas.containerBoundingRect.height + "L" + this.designerCanvas.containerBoundingRect.width + " " + (r.y + r.height) + "L" + r.x + " " + (r.y + r.height) +
-            "M" + (r.x + r.width) + " " + r.y + "L" + (r.x + r.width) + " " + (r.y + r.height) + "L" + this.designerCanvas.containerBoundingRect.width + " " + (r.y + r.height) + "L" + this.designerCanvas.containerBoundingRect.width + " " + (r.y) + "L" + (r.x + r.width) + " " + r.y;
-        this._path.setAttribute("d", pathPoints);
-    }
-    dispose() {
-        this._removeAllOverlays();
-        this._path = null;
-    }
-}
+import { AbstractExtension } from "./AbstractExtension";
+export class GrayOutExtension extends AbstractExtension {
+    _path;
+    constructor(extensionManager, designerView, extendedItem) {
+        super(extensionManager, designerView, extendedItem);
+    }
+    extend() {
+        this.refresh();
+    }
+    refresh() {
+        if (!this._path) {
+            this._path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+            this._path.setAttribute('class', 'svg-gray-out');
+            this.overlayLayerView.appendChild(this._path);
+            this.overlays.push(this._path);
+        }
+        let itemRect = this.extendedItem.element.getBoundingClientRect();
+        this.drawGrayOut(itemRect);
+    }
+    drawGrayOut(rect) {
+        let r = { x: rect.x - this.designerCanvas.containerBoundingRect.x, y: rect.y - this.designerCanvas.containerBoundingRect.y, width: rect.width, height: rect.height };
+        const pathPoints = "M0 0 L0 " + this.designerCanvas.containerBoundingRect.height + "L" + r.x + " " + this.designerCanvas.containerBoundingRect.height + "L" + r.x + " 0" + " L0 0" +
+            "M" + r.x + " 0 L" + r.x + " " + r.y + "L" + this.designerCanvas.containerBoundingRect.width + " " + r.y + "L" + this.designerCanvas.containerBoundingRect.width + " 0" + "L" + r.x + " 0" +
+            "M" + r.x + " " + (r.y + r.height) + "L" + r.x + " " + this.designerCanvas.containerBoundingRect.height + "L" + this.designerCanvas.containerBoundingRect.width + " " + this.designerCanvas.containerBoundingRect.height + "L" + this.designerCanvas.containerBoundingRect.width + " " + (r.y + r.height) + "L" + r.x + " " + (r.y + r.height) +
+            "M" + (r.x + r.width) + " " + r.y + "L" + (r.x + r.width) + " " + (r.y + r.height) + "L" + this.designerCanvas.containerBoundingRect.width + " " + (r.y + r.height) + "L" + this.designerCanvas.containerBoundingRect.width + " " + (r.y) + "L" + (r.x + r.width) + " " + r.y;
+        this._path.setAttribute("d", pathPoints);
+    }
+    dispose() {
+        this._removeAllOverlays();
+        this._path = null;
+    }
+}

package/dist/elements/widgets/designerView/extensions/GrayOutExtensionProvider.d.ts

@@ -1,10 +1,10 @@
-import { IDesignerExtensionProvider } from "./IDesignerExtensionProvider";
-import { IDesignItem } from "../../../item/IDesignItem";
-import { IDesignerCanvas } from "../IDesignerCanvas";
-import { IDesignerExtension } from "./IDesignerExtension";
-import { IExtensionManager } from "./IExtensionManger";
-export declare class GrayOutExtensionProvider implements IDesignerExtensionProvider {
-    shouldExtend(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): boolean;
-    getExtension(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;
-    readonly style: CSSStyleSheet;
-}
+import { IDesignerExtensionProvider } from "./IDesignerExtensionProvider";
+import { IDesignItem } from "../../../item/IDesignItem";
+import { IDesignerCanvas } from "../IDesignerCanvas";
+import { IDesignerExtension } from "./IDesignerExtension";
+import { IExtensionManager } from "./IExtensionManger";
+export declare class GrayOutExtensionProvider implements IDesignerExtensionProvider {
+    shouldExtend(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): boolean;
+    getExtension(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;
+    readonly style: CSSStyleSheet;
+}