@node-projects/web-component-designer 0.0.96 → 0.0.97

package/dist/elements/documentContainer.js

@@ -1,34 +1,34 @@
-import { BaseCustomWebComponentLazyAppend, css, cssFromString, debounce, TypedEvent } from "@node-projects/base-custom-webcomponent";
-import { DesignerTabControl } from "./controls/DesignerTabControl";
-import { DesignerView } from "./widgets/designerView/designerView";
-import { SimpleSplitView } from './controls/SimpleSplitView';
-export class DocumentContainer extends BaseCustomWebComponentLazyAppend {
-    designerView;
-    codeView;
-    demoView;
-    additionalData;
-    _additionalStyle;
-    set additionalStyleString(style) {
-        this._additionalStyle = style;
-        this.designerView.additionalStyle = cssFromString(style);
-    }
-    ;
-    get additionalStyleString() {
-        return this._additionalStyle;
-    }
-    ;
-    onContentChanged = new TypedEvent();
-    _serviceContainer;
-    _content = '';
-    _tabControl;
-    _selectionPosition;
-    _splitDiv;
-    _designerDiv;
-    _codeDiv;
-    refreshInSplitViewDebounced;
-    _disableChangeNotificationDesigner;
-    _disableChangeNotificationEditor;
-    static get style() {
+import { BaseCustomWebComponentLazyAppend, css, cssFromString, debounce, TypedEvent } from "@node-projects/base-custom-webcomponent";
+import { DesignerTabControl } from "./controls/DesignerTabControl";
+import { DesignerView } from "./widgets/designerView/designerView";
+import { SimpleSplitView } from './controls/SimpleSplitView';
+export class DocumentContainer extends BaseCustomWebComponentLazyAppend {
+    designerView;
+    codeView;
+    demoView;
+    additionalData;
+    _additionalStyle;
+    set additionalStyleString(style) {
+        this._additionalStyle = style;
+        this.designerView.additionalStyle = cssFromString(style);
+    }
+    ;
+    get additionalStyleString() {
+        return this._additionalStyle;
+    }
+    ;
+    onContentChanged = new TypedEvent();
+    _serviceContainer;
+    _content = '';
+    _tabControl;
+    _selectionPosition;
+    _splitDiv;
+    _designerDiv;
+    _codeDiv;
+    refreshInSplitViewDebounced;
+    _disableChangeNotificationDesigner;
+    _disableChangeNotificationEditor;
+    static get style() {
         return css `
       div {
         height: 100%;
@@ -39,171 +39,171 @@ export class DocumentContainer extends BaseCustomWebComponentLazyAppend {
         height: 100%;
         overflow: hidden;
       }
-      `;
-    }
-    constructor(serviceContainer, content) {
-        super();
-        this.refreshInSplitViewDebounced = debounce(this.refreshInSplitView, 200);
-        this._serviceContainer = serviceContainer;
-        if (content != null)
-            this._content = content;
-        let div = document.createElement("div");
-        this._tabControl = new DesignerTabControl();
-        div.appendChild(this._tabControl);
-        this.designerView = new DesignerView();
-        this.designerView.setAttribute('exportparts', 'canvas');
-        this.designerView.slot = 'top';
-        this._designerDiv = document.createElement("div");
-        this._tabControl.appendChild(this._designerDiv);
-        this._designerDiv.title = 'Designer';
-        this._designerDiv.appendChild(this.designerView);
-        this.designerView.initialize(this._serviceContainer);
-        this.designerView.instanceServiceContainer.selectionService.onSelectionChanged.on(e => this.designerSelectionChanged(e));
-        this.designerView.designerCanvas.onContentChanged.on(() => this.designerContentChanged());
-        this.codeView = new serviceContainer.config.codeViewWidget();
-        this.codeView.slot = 'bottom';
-        this.codeView.style.position = 'relative';
-        this._codeDiv = document.createElement("div");
-        this._tabControl.appendChild(this._codeDiv);
-        this._codeDiv.title = 'Code';
-        this._codeDiv.style.position = 'relative';
-        this._codeDiv.appendChild(this.codeView);
-        this.codeView.onTextChanged.on(text => {
-            if (!this._disableChangeNotificationDesigner) {
-                this._disableChangeNotificationEditor = true;
-                if (this._tabControl.selectedIndex === 2) {
-                    this._content = text;
-                    this.refreshInSplitViewDebounced();
-                }
-            }
-        });
-        this._splitDiv = new SimpleSplitView();
-        this._splitDiv.style.height = '100%';
-        this._splitDiv.title = 'Split';
-        this._tabControl.appendChild(this._splitDiv);
-        this.demoView = new serviceContainer.config.demoViewWidget();
-        this.demoView.title = 'Preview';
-        this._tabControl.appendChild(this.demoView);
-        queueMicrotask(() => {
-            this.shadowRoot.appendChild(div);
-            this._tabControl.selectedIndex = 0;
-        });
-    }
-    async refreshInSplitView() {
-        await this.designerView.parseHTML(this._content);
-        this._disableChangeNotificationEditor = false;
-    }
-    designerSelectionChanged(e) {
-        if (this._tabControl.selectedIndex === 2) {
-            let primarySelection = this.instanceServiceContainer.selectionService.primarySelection;
-            if (primarySelection) {
-                let designItemsAssignmentList = new Map();
-                this._content = this.designerView.getHTML(designItemsAssignmentList);
-                this._selectionPosition = designItemsAssignmentList.get(primarySelection);
-                this.codeView.setSelection(this._selectionPosition);
-                this._selectionPosition = null;
-            }
-        }
-    }
-    designerContentChanged() {
-        this.onContentChanged.emit();
-        if (!this._disableChangeNotificationEditor) {
-            this._disableChangeNotificationDesigner = true;
-            if (this._tabControl.selectedIndex === 2) {
-                let primarySelection = this.instanceServiceContainer.selectionService.primarySelection;
-                let designItemsAssignmentList = new Map();
-                this._content = this.designerView.getHTML(designItemsAssignmentList);
-                this.codeView.update(this._content);
-                if (primarySelection) {
-                    this._selectionPosition = designItemsAssignmentList.get(primarySelection);
-                    if (this._selectionPosition)
-                        this.codeView.setSelection(this._selectionPosition);
-                    this._selectionPosition = null;
-                }
-            }
-            this._disableChangeNotificationDesigner = false;
-        }
-    }
-    dispose() {
-        this.codeView.dispose();
-    }
-    executeCommand(command) {
-        if (this._tabControl.selectedIndex === 0 || this._tabControl.selectedIndex === 2)
-            this.designerView.executeCommand(command);
-        else if (this._tabControl.selectedIndex === 1)
-            this.codeView.executeCommand(command);
-    }
-    canExecuteCommand(command) {
-        if (this._tabControl.selectedIndex === 0 || this._tabControl.selectedIndex === 2)
-            return this.designerView.canExecuteCommand(command);
-        else if (this._tabControl.selectedIndex === 1)
-            return this.codeView.canExecuteCommand(command);
-        return false;
-    }
-    set content(value) {
-        this._content = value;
-        if (this._tabControl) {
-            if (this._tabControl.selectedIndex === 0)
-                this.designerView.parseHTML(this._content);
-            else if (this._tabControl.selectedIndex === 1)
-                this.codeView.update(this._content);
-            else if (this._tabControl.selectedIndex === 2) {
-            }
-            else if (this._tabControl.selectedIndex === 3)
-                this.demoView.display(this._serviceContainer, this.designerView.instanceServiceContainer, this._content, this.additionalStyleString);
-        }
-    }
-    get content() {
-        if (this._tabControl) {
-            if (this._tabControl.selectedIndex === 0)
-                this._content = this.designerView.getHTML();
-            else if (this._tabControl.selectedIndex === 1)
-                this._content = this.codeView.getText();
-            return this._content;
-        }
-        return null;
-    }
-    ready() {
-        this._tabControl.onSelectedTabChanged.on(i => {
-            if (i.oldIndex === 0) {
-                let primarySelection = this.instanceServiceContainer.selectionService.primarySelection;
-                let designItemsAssignmentList = new Map();
-                this._content = this.designerView.getHTML(designItemsAssignmentList);
-                this._selectionPosition = designItemsAssignmentList.get(primarySelection);
-            }
-            else if (i.oldIndex === 1) {
-                this._content = this.codeView.getText();
-            }
-            else if (i.oldIndex === 2) {
-                this._designerDiv.appendChild(this.designerView);
-                this._codeDiv.appendChild(this.codeView);
-            }
-            if (i.newIndex === 0 || i.newIndex === 2)
-                this.designerView.parseHTML(this._content);
-            if (i.newIndex === 1 || i.newIndex === 2) {
-                this.codeView.update(this._content);
-                if (this._selectionPosition) {
-                    this.codeView.setSelection(this._selectionPosition);
-                    this._selectionPosition = null;
-                }
-                if (i.changedViaClick) {
-                    this.codeView.focusEditor();
-                }
-            }
-            if (i.newIndex === 2) {
-                this._splitDiv.appendChild(this.designerView);
-                this._splitDiv.appendChild(this.codeView);
-            }
-            if (i.newIndex === 3) {
-                this.demoView.display(this._serviceContainer, this.designerView.instanceServiceContainer, this._content, this.additionalStyleString);
-            }
-        });
-        if (this._content)
-            this.content = this._content;
-    }
-    get instanceServiceContainer() {
-        return this.designerView.instanceServiceContainer;
-    }
-}
-//@ts-ignore
-customElements.define("node-projects-document-container", DocumentContainer);
+      `;
+    }
+    constructor(serviceContainer, content) {
+        super();
+        this.refreshInSplitViewDebounced = debounce(this.refreshInSplitView, 200);
+        this._serviceContainer = serviceContainer;
+        if (content != null)
+            this._content = content;
+        let div = document.createElement("div");
+        this._tabControl = new DesignerTabControl();
+        div.appendChild(this._tabControl);
+        this.designerView = new DesignerView();
+        this.designerView.setAttribute('exportparts', 'canvas');
+        this.designerView.slot = 'top';
+        this._designerDiv = document.createElement("div");
+        this._tabControl.appendChild(this._designerDiv);
+        this._designerDiv.title = 'Designer';
+        this._designerDiv.appendChild(this.designerView);
+        this.designerView.initialize(this._serviceContainer);
+        this.designerView.instanceServiceContainer.selectionService.onSelectionChanged.on(e => this.designerSelectionChanged(e));
+        this.designerView.designerCanvas.onContentChanged.on(() => this.designerContentChanged());
+        this.codeView = new serviceContainer.config.codeViewWidget();
+        this.codeView.slot = 'bottom';
+        this.codeView.style.position = 'relative';
+        this._codeDiv = document.createElement("div");
+        this._tabControl.appendChild(this._codeDiv);
+        this._codeDiv.title = 'Code';
+        this._codeDiv.style.position = 'relative';
+        this._codeDiv.appendChild(this.codeView);
+        this.codeView.onTextChanged.on(text => {
+            if (!this._disableChangeNotificationDesigner) {
+                this._disableChangeNotificationEditor = true;
+                if (this._tabControl.selectedIndex === 2) {
+                    this._content = text;
+                    this.refreshInSplitViewDebounced();
+                }
+            }
+        });
+        this._splitDiv = new SimpleSplitView();
+        this._splitDiv.style.height = '100%';
+        this._splitDiv.title = 'Split';
+        this._tabControl.appendChild(this._splitDiv);
+        this.demoView = new serviceContainer.config.demoViewWidget();
+        this.demoView.title = 'Preview';
+        this._tabControl.appendChild(this.demoView);
+        queueMicrotask(() => {
+            this.shadowRoot.appendChild(div);
+            this._tabControl.selectedIndex = 0;
+        });
+    }
+    async refreshInSplitView() {
+        await this.designerView.parseHTML(this._content);
+        this._disableChangeNotificationEditor = false;
+    }
+    designerSelectionChanged(e) {
+        if (this._tabControl.selectedIndex === 2) {
+            let primarySelection = this.instanceServiceContainer.selectionService.primarySelection;
+            if (primarySelection) {
+                let designItemsAssignmentList = new Map();
+                this._content = this.designerView.getHTML(designItemsAssignmentList);
+                this._selectionPosition = designItemsAssignmentList.get(primarySelection);
+                this.codeView.setSelection(this._selectionPosition);
+                this._selectionPosition = null;
+            }
+        }
+    }
+    designerContentChanged() {
+        this.onContentChanged.emit();
+        if (!this._disableChangeNotificationEditor) {
+            this._disableChangeNotificationDesigner = true;
+            if (this._tabControl.selectedIndex === 2) {
+                let primarySelection = this.instanceServiceContainer.selectionService.primarySelection;
+                let designItemsAssignmentList = new Map();
+                this._content = this.designerView.getHTML(designItemsAssignmentList);
+                this.codeView.update(this._content);
+                if (primarySelection) {
+                    this._selectionPosition = designItemsAssignmentList.get(primarySelection);
+                    if (this._selectionPosition)
+                        this.codeView.setSelection(this._selectionPosition);
+                    this._selectionPosition = null;
+                }
+            }
+            this._disableChangeNotificationDesigner = false;
+        }
+    }
+    dispose() {
+        this.codeView.dispose();
+    }
+    executeCommand(command) {
+        if (this._tabControl.selectedIndex === 0 || this._tabControl.selectedIndex === 2)
+            this.designerView.executeCommand(command);
+        else if (this._tabControl.selectedIndex === 1)
+            this.codeView.executeCommand(command);
+    }
+    canExecuteCommand(command) {
+        if (this._tabControl.selectedIndex === 0 || this._tabControl.selectedIndex === 2)
+            return this.designerView.canExecuteCommand(command);
+        else if (this._tabControl.selectedIndex === 1)
+            return this.codeView.canExecuteCommand(command);
+        return false;
+    }
+    set content(value) {
+        this._content = value;
+        if (this._tabControl) {
+            if (this._tabControl.selectedIndex === 0)
+                this.designerView.parseHTML(this._content);
+            else if (this._tabControl.selectedIndex === 1)
+                this.codeView.update(this._content);
+            else if (this._tabControl.selectedIndex === 2) {
+            }
+            else if (this._tabControl.selectedIndex === 3)
+                this.demoView.display(this._serviceContainer, this.designerView.instanceServiceContainer, this._content, this.additionalStyleString);
+        }
+    }
+    get content() {
+        if (this._tabControl) {
+            if (this._tabControl.selectedIndex === 0)
+                this._content = this.designerView.getHTML();
+            else if (this._tabControl.selectedIndex === 1)
+                this._content = this.codeView.getText();
+            return this._content;
+        }
+        return null;
+    }
+    ready() {
+        this._tabControl.onSelectedTabChanged.on(i => {
+            if (i.oldIndex === 0) {
+                let primarySelection = this.instanceServiceContainer.selectionService.primarySelection;
+                let designItemsAssignmentList = new Map();
+                this._content = this.designerView.getHTML(designItemsAssignmentList);
+                this._selectionPosition = designItemsAssignmentList.get(primarySelection);
+            }
+            else if (i.oldIndex === 1) {
+                this._content = this.codeView.getText();
+            }
+            else if (i.oldIndex === 2) {
+                this._designerDiv.appendChild(this.designerView);
+                this._codeDiv.appendChild(this.codeView);
+            }
+            if (i.newIndex === 0 || i.newIndex === 2)
+                this.designerView.parseHTML(this._content);
+            if (i.newIndex === 1 || i.newIndex === 2) {
+                this.codeView.update(this._content);
+                if (this._selectionPosition) {
+                    this.codeView.setSelection(this._selectionPosition);
+                    this._selectionPosition = null;
+                }
+                if (i.changedViaClick) {
+                    this.codeView.focusEditor();
+                }
+            }
+            if (i.newIndex === 2) {
+                this._splitDiv.appendChild(this.designerView);
+                this._splitDiv.appendChild(this.codeView);
+            }
+            if (i.newIndex === 3) {
+                this.demoView.display(this._serviceContainer, this.designerView.instanceServiceContainer, this._content, this.additionalStyleString);
+            }
+        });
+        if (this._content)
+            this.content = this._content;
+    }
+    get instanceServiceContainer() {
+        return this.designerView.instanceServiceContainer;
+    }
+}
+//@ts-ignore
+customElements.define("node-projects-document-container", DocumentContainer);

package/dist/elements/helper/ArrangeHelper.d.ts

@@ -1,7 +1,7 @@
-import { IDesignerCanvas } from "../..";
-import { Orientation } from "../../enums/Orientation";
-export declare abstract class ArrangeHelper {
-    static arrangeElements(orientation: Orientation, designerCanvas: IDesignerCanvas): void;
-    private static arrange;
-    private static formGroup;
-}
+import { IDesignerCanvas } from "../..";
+import { Orientation } from "../../enums/Orientation";
+export declare abstract class ArrangeHelper {
+    static arrangeElements(orientation: Orientation, designerCanvas: IDesignerCanvas): void;
+    private static arrange;
+    private static formGroup;
+}

package/dist/elements/helper/ArrangeHelper.js

@@ -1,79 +1,79 @@
-import { Orientation } from "../../enums/Orientation";
-export class ArrangeHelper {
-    static arrangeElements(orientation, designerCanvas) {
-        switch (orientation) {
-            case Orientation.TOP: {
-                const grp = this.formGroup(ArrangeDirection.TOP, designerCanvas);
-                const top = designerCanvas.instanceServiceContainer.selectionService.primarySelection.styles.get('top');
-                for (let elem of designerCanvas.instanceServiceContainer.selectionService.selectedElements) {
-                    this.arrange(elem, 'top', top);
-                }
-                grp.commit();
-                break;
-            }
-            case Orientation.RIGHT: {
-                const grp = this.formGroup(ArrangeDirection.RIGHT, designerCanvas);
-                const arrElement = designerCanvas.getNormalizedElementCoordinates(designerCanvas.instanceServiceContainer.selectionService.primarySelection.element);
-                const right = Math.floor(arrElement.x + arrElement.width);
-                for (let elem of designerCanvas.instanceServiceContainer.selectionService.selectedElements) {
-                    this.arrange(elem, 'left', (right - Math.floor(designerCanvas.getNormalizedElementCoordinates(elem.element).width)) + "px");
-                }
-                grp.commit();
-                break;
-            }
-            case Orientation.BOTTOM:
-                const grp = this.formGroup(ArrangeDirection.BOTTOM, designerCanvas);
-                const arrElement = designerCanvas.getNormalizedElementCoordinates(designerCanvas.instanceServiceContainer.selectionService.primarySelection.element);
-                const top = Math.floor(arrElement.y + arrElement.height);
-                for (let elem of designerCanvas.instanceServiceContainer.selectionService.selectedElements) {
-                    this.arrange(elem, 'top', (top - Math.floor(designerCanvas.getNormalizedElementCoordinates(elem.element).height)) + "px");
-                }
-                grp.commit();
-                break;
-            case Orientation.LEFT: {
-                const grp = this.formGroup(ArrangeDirection.LEFT, designerCanvas);
-                const left = designerCanvas.instanceServiceContainer.selectionService.primarySelection.styles.get('left');
-                for (let elem of designerCanvas.instanceServiceContainer.selectionService.selectedElements) {
-                    this.arrange(elem, 'left', left);
-                }
-                grp.commit();
-                break;
-            }
-            case Orientation.VERTICAL_CENTER: {
-                const grp = this.formGroup(ArrangeDirection.VERTICAL_CENTER, designerCanvas);
-                const arrElement = designerCanvas.getNormalizedElementCoordinates(designerCanvas.instanceServiceContainer.selectionService.primarySelection.element);
-                const ver_center = arrElement.y + arrElement.height / 2;
-                for (let elem of designerCanvas.instanceServiceContainer.selectionService.selectedElements) {
-                    this.arrange(elem, 'top', (ver_center - Math.floor(designerCanvas.getNormalizedElementCoordinates(elem.element).height) / 2) + "px");
-                }
-                grp.commit();
-                break;
-            }
-            case Orientation.HORIZONTAL_CENTER: {
-                const grp = this.formGroup(ArrangeDirection.HORIZONTAL_CENTER, designerCanvas);
-                const arrElement = designerCanvas.getNormalizedElementCoordinates(designerCanvas.instanceServiceContainer.selectionService.primarySelection.element);
-                const hor_center = arrElement.x + (arrElement.width / 2);
-                for (let elem of designerCanvas.instanceServiceContainer.selectionService.selectedElements) {
-                    this.arrange(elem, 'left', (hor_center - Math.floor(designerCanvas.getNormalizedElementCoordinates(elem.element).width) / 2) + "px");
-                }
-                grp.commit();
-                break;
-            }
-        }
-    }
-    static arrange(element, attribut, value) {
-        element.setStyle(attribut, value);
-    }
-    static formGroup(name, designerCanvas) {
-        return designerCanvas.instanceServiceContainer.selectionService.primarySelection.openGroup(name);
-    }
-}
-var ArrangeDirection;
-(function (ArrangeDirection) {
-    ArrangeDirection["TOP"] = "arrangeTop";
-    ArrangeDirection["RIGHT"] = "arrangeRight";
-    ArrangeDirection["BOTTOM"] = "arrangeBottom";
-    ArrangeDirection["LEFT"] = "arrangeLeft";
-    ArrangeDirection["HORIZONTAL_CENTER"] = "arrangeHorizontalCenter";
-    ArrangeDirection["VERTICAL_CENTER"] = "arrangeVerticalCenter";
-})(ArrangeDirection || (ArrangeDirection = {}));
+import { Orientation } from "../../enums/Orientation";
+export class ArrangeHelper {
+    static arrangeElements(orientation, designerCanvas) {
+        switch (orientation) {
+            case Orientation.TOP: {
+                const grp = this.formGroup(ArrangeDirection.TOP, designerCanvas);
+                const top = designerCanvas.instanceServiceContainer.selectionService.primarySelection.styles.get('top');
+                for (let elem of designerCanvas.instanceServiceContainer.selectionService.selectedElements) {
+                    this.arrange(elem, 'top', top);
+                }
+                grp.commit();
+                break;
+            }
+            case Orientation.RIGHT: {
+                const grp = this.formGroup(ArrangeDirection.RIGHT, designerCanvas);
+                const arrElement = designerCanvas.getNormalizedElementCoordinates(designerCanvas.instanceServiceContainer.selectionService.primarySelection.element);
+                const right = Math.floor(arrElement.x + arrElement.width);
+                for (let elem of designerCanvas.instanceServiceContainer.selectionService.selectedElements) {
+                    this.arrange(elem, 'left', (right - Math.floor(designerCanvas.getNormalizedElementCoordinates(elem.element).width)) + "px");
+                }
+                grp.commit();
+                break;
+            }
+            case Orientation.BOTTOM:
+                const grp = this.formGroup(ArrangeDirection.BOTTOM, designerCanvas);
+                const arrElement = designerCanvas.getNormalizedElementCoordinates(designerCanvas.instanceServiceContainer.selectionService.primarySelection.element);
+                const top = Math.floor(arrElement.y + arrElement.height);
+                for (let elem of designerCanvas.instanceServiceContainer.selectionService.selectedElements) {
+                    this.arrange(elem, 'top', (top - Math.floor(designerCanvas.getNormalizedElementCoordinates(elem.element).height)) + "px");
+                }
+                grp.commit();
+                break;
+            case Orientation.LEFT: {
+                const grp = this.formGroup(ArrangeDirection.LEFT, designerCanvas);
+                const left = designerCanvas.instanceServiceContainer.selectionService.primarySelection.styles.get('left');
+                for (let elem of designerCanvas.instanceServiceContainer.selectionService.selectedElements) {
+                    this.arrange(elem, 'left', left);
+                }
+                grp.commit();
+                break;
+            }
+            case Orientation.VERTICAL_CENTER: {
+                const grp = this.formGroup(ArrangeDirection.VERTICAL_CENTER, designerCanvas);
+                const arrElement = designerCanvas.getNormalizedElementCoordinates(designerCanvas.instanceServiceContainer.selectionService.primarySelection.element);
+                const ver_center = arrElement.y + arrElement.height / 2;
+                for (let elem of designerCanvas.instanceServiceContainer.selectionService.selectedElements) {
+                    this.arrange(elem, 'top', (ver_center - Math.floor(designerCanvas.getNormalizedElementCoordinates(elem.element).height) / 2) + "px");
+                }
+                grp.commit();
+                break;
+            }
+            case Orientation.HORIZONTAL_CENTER: {
+                const grp = this.formGroup(ArrangeDirection.HORIZONTAL_CENTER, designerCanvas);
+                const arrElement = designerCanvas.getNormalizedElementCoordinates(designerCanvas.instanceServiceContainer.selectionService.primarySelection.element);
+                const hor_center = arrElement.x + (arrElement.width / 2);
+                for (let elem of designerCanvas.instanceServiceContainer.selectionService.selectedElements) {
+                    this.arrange(elem, 'left', (hor_center - Math.floor(designerCanvas.getNormalizedElementCoordinates(elem.element).width) / 2) + "px");
+                }
+                grp.commit();
+                break;
+            }
+        }
+    }
+    static arrange(element, attribut, value) {
+        element.setStyle(attribut, value);
+    }
+    static formGroup(name, designerCanvas) {
+        return designerCanvas.instanceServiceContainer.selectionService.primarySelection.openGroup(name);
+    }
+}
+var ArrangeDirection;
+(function (ArrangeDirection) {
+    ArrangeDirection["TOP"] = "arrangeTop";
+    ArrangeDirection["RIGHT"] = "arrangeRight";
+    ArrangeDirection["BOTTOM"] = "arrangeBottom";
+    ArrangeDirection["LEFT"] = "arrangeLeft";
+    ArrangeDirection["HORIZONTAL_CENTER"] = "arrangeHorizontalCenter";
+    ArrangeDirection["VERTICAL_CENTER"] = "arrangeVerticalCenter";
+})(ArrangeDirection || (ArrangeDirection = {}));

package/dist/elements/helper/CssAttributeParser.d.ts

@@ -1,9 +1,9 @@
-export declare class CssEntry {
-    constructor(name: string, value: string);
-    name: string;
-    value: string;
-}
-export declare class CssAttributeParser {
-    entries: CssEntry[];
-    parse(text: string, quoteType?: string): void;
-}
+export declare class CssEntry {
+    constructor(name: string, value: string);
+    name: string;
+    value: string;
+}
+export declare class CssAttributeParser {
+    entries: CssEntry[];
+    parse(text: string, quoteType?: string): void;
+}