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

package/dist/elements/widgets/treeView/treeView.js

@@ -0,0 +1,242 @@
+import { BaseCustomWebComponentLazyAppend, css } from '@node-projects/base-custom-webcomponent';
+import { DesignItem } from '../../item/DesignItem.js';
+export class TreeView extends BaseCustomWebComponentLazyAppend {
+    _items;
+    _index;
+    _previouslySelected;
+    _treeDiv;
+    _instanceServiceContainer;
+    _selectionChangedHandler;
+    _contentChangedHandler;
+    _mapElementTreeitem;
+    _rootItem;
+    //TODO, buuton so key events can be transfered to designer Cnvas (so you can move controls with keys)
+    static style = css `
+    :host {
+      --horz-margin: 20px;
+      --vert-margin: 0px;
+      --horz-shift: calc(var(--horz-margin) / 2); /* typically */
+      --vert-shift: 12px;
+
+      display: inline-block;
+      position: relative;
+      width: 100%;
+      height: 100%;
+      background: var(--dark-grey, #232733);
+      overflow-y: auto;
+    }
+    button {
+      border: none;
+      font-size: 13px;
+      display: block;
+      padding: 4px 0;
+      cursor: pointer;
+      width: 100%;
+      text-align: left;
+      display: inline-block;
+      margin: 0;
+      background: var(--dark-grey, #232733);
+      position: relative;
+      color: white;
+    }
+    button:hover, button:focus {
+      background: var(--light-grey, #383f52);
+    }
+    span {
+      margin: 4px;
+    }
+    .id {
+      font-style: italic;
+      color: var(--highlight-pink, #e91e63);
+    }
+    .selected {
+      background: var(--light-grey, #383f52);
+      outline: none;
+    }
+
+    li, ul {
+      margin: 0;
+      padding: 0;
+    }
+    .tree ul {
+      margin-left: var(--horz-margin);
+    }
+    .tree li {
+      list-style-type: none;
+      margin-top: var(--vert-margin);
+      margin-bottom: var(--vert-margin);
+      position: relative;
+    }
+
+    /* up connector */
+    .tree li::before {
+        content: "";
+        position: absolute;
+        top: calc(0px - var(--vert-margin));
+        left: calc(var(--horz-shift) - var(--horz-margin));
+        width: calc(var(--horz-margin) - var(--horz-shift));
+        height: calc(var(--vert-shift) + var(--vert-margin));
+        border-left: 1px solid #ccc;
+        border-bottom: 1px solid #ccc;
+        border-radius: 0;
+    }
+
+    /* down connector */
+    .tree li::after {
+        position: absolute;
+        content: "";
+        top: var(--vert-shift);
+        left: calc(var(--horz-shift) - var(--horz-margin));
+        width: calc(var(--horz-margin) - var(--horz-shift));
+        height: calc(100% - var(--vert-shift));
+        border-left: 1px solid #ccc;
+        border-top: 1px solid #ccc;
+        border-radius: 0;
+    }
+
+    /* do not draw: up connector of first root item */
+    ul.tree>li:first-child::before { display:none; }
+
+    /* do not draw: down connector of last item */
+    .tree li:last-child::after  { display:none; }
+
+    /* draw rounded: down connector of first root item */
+    ul.tree>li:first-child::after { border-radius: 5px 0 0 0; }
+
+    /* draw rounded: up connector of last item */
+    .tree li:last-child:before { border-radius: 0 0 0 5px; }
+    `;
+    constructor() {
+        super();
+        this._restoreCachedInititalValues();
+        this._treeDiv = document.createElement('div');
+        this._treeDiv.style.userSelect = 'none';
+        this.shadowRoot.appendChild(this._treeDiv);
+        this._treeDiv.addEventListener('click', this._clickElement.bind(this));
+    }
+    createTree(rootItem /*, activeElement: Element */) {
+        this._rootItem = rootItem;
+        if (rootItem != null)
+            this._recomputeTree(rootItem.element, null /*, activeElement */);
+    }
+    // this.instanceServiceContainer.selectionService.setSelectedElements(null);
+    set instanceServiceContainer(value) {
+        this._instanceServiceContainer = value;
+        this._selectionChangedHandler?.dispose();
+        this._selectionChangedHandler = this._instanceServiceContainer.selectionService.onSelectionChanged.on(e => {
+            this.selectionChanged(e);
+        });
+        this._contentChangedHandler?.dispose();
+        this._contentChangedHandler = this._instanceServiceContainer.contentService.onContentChanged.on(e => {
+            this.createTree(value.contentService.rootDesignItem);
+        });
+        this.createTree(value.contentService.rootDesignItem);
+    }
+    selectionChanged(event) {
+        this._selectTreeElements(event.selectedElements.map(x => this._mapElementTreeitem.get(x.element)));
+    }
+    _recomputeTree(parent, activeElement) {
+        this._mapElementTreeitem = new Map();
+        this._treeDiv.innerHTML = '';
+        let ul = document.createElement('ul');
+        ul.classList.add('tree');
+        this._treeDiv.appendChild(ul);
+        // Since we can't add a pojo to each button, generate a new index for
+        // each button in the this.items array of useful data.
+        this._index = 0;
+        this._items = this._getChildren(parent, ul);
+        this._highlight(activeElement);
+        return this._items;
+    }
+    _makeButton(tag, id, index) {
+        let aButton = document.createElement('button');
+        aButton.dataset.index = index;
+        let aTag = document.createElement('span');
+        aTag.className = 'tag';
+        aTag.textContent = tag;
+        let aId = document.createElement('span');
+        aId.className = 'id';
+        aId.textContent = id;
+        aButton.appendChild(aTag);
+        aButton.appendChild(aId);
+        return aButton;
+    }
+    _getChildren(item, list) {
+        // Add item and its children into nested ul list
+        let isViewContainer = item.id === 'viewContainer';
+        let data = {
+            tag: isViewContainer ? 'main-app' : item.tagName.toLowerCase(),
+            id: isViewContainer ? '' : (item.id ? '#' + item.id : ''),
+            text: isViewContainer ? '' : '"' + item.textContent + '"',
+            ref: item,
+            index: this._index
+        };
+        // Add item to list
+        let li = document.createElement('li');
+        let button = this._makeButton(data.tag, data.id, data.index);
+        li.appendChild(button);
+        list.appendChild(li);
+        this._mapElementTreeitem.set(data.ref, button);
+        this._index++;
+        let nodes = [data];
+        // Add children to subordinate list
+        let ul = null;
+        for (let i = 0; i < item.children.length; i++) {
+            let child = item.children[i];
+            // Skip <style> nodes;
+            if (child.localName === 'style') {
+                continue;
+            }
+            if (ul == null) {
+                ul = document.createElement('ul');
+                li.appendChild(ul);
+            }
+            nodes = nodes.concat(this._getChildren(child, ul));
+        }
+        return nodes;
+    }
+    _clickElement(event) {
+        // If the target is a <span>, you clicked on the span inside the button
+        // so you need to use currentTarget.
+        let item = event.target;
+        if (item.localName === 'span') {
+            item = item.parentElement;
+        }
+        this._selectTreeElements([item]);
+        this._selectDesignerElement(item);
+    }
+    _selectTreeElements(items) {
+        if (this._previouslySelected) {
+            for (let e of this._previouslySelected)
+                if (e)
+                    e.classList.remove('selected');
+        }
+        this._previouslySelected = items;
+        if (items)
+            for (let e of items)
+                if (e)
+                    e.classList.add('selected');
+    }
+    _selectDesignerElement(item) {
+        let index = item.dataset.index;
+        let el = this._items[index].ref;
+        let d = DesignItem.GetOrCreateDesignItem(el, el, this._rootItem.serviceContainer, this._rootItem.instanceServiceContainer);
+        d.instanceServiceContainer.selectionService.setSelectedElements([d]);
+    }
+    _highlight(element) {
+        if (!element)
+            return;
+        // Find it in the tree.
+        let buttons = this.shadowRoot.querySelectorAll('button');
+        if (buttons.length !== this._items.length) {
+            return;
+        }
+        for (let i = 0; i < this._items.length; i++) {
+            if (this._items[i].ref === element) {
+                this._selectTreeElements([buttons[i]]);
+                return;
+            }
+        }
+    }
+}
+customElements.define('node-projects-tree-view', TreeView);

package/dist/enums/EventNames.d.ts

@@ -0,0 +1,16 @@
+export declare enum EventNames {
+    PointerDown = "pointerdown",
+    PointerMove = "pointermove",
+    PointerUp = "pointerup",
+    DragEnter = "dragenter",
+    DragEnd = "dragend",
+    DragLeave = "dragleave",
+    DragOver = "dragover",
+    Drop = "drop",
+    Scroll = "scroll",
+    Wheel = "wheel",
+    ContextMenu = "contextmenu",
+    KeyDown = "keydown",
+    KeyUp = "keyup",
+    DblClick = "dblclick"
+}

package/dist/enums/EventNames.js

@@ -0,0 +1,17 @@
+export var EventNames;
+(function (EventNames) {
+    EventNames["PointerDown"] = "pointerdown";
+    EventNames["PointerMove"] = "pointermove";
+    EventNames["PointerUp"] = "pointerup";
+    EventNames["DragEnter"] = "dragenter";
+    EventNames["DragEnd"] = "dragend";
+    EventNames["DragLeave"] = "dragleave";
+    EventNames["DragOver"] = "dragover";
+    EventNames["Drop"] = "drop";
+    EventNames["Scroll"] = "scroll";
+    EventNames["Wheel"] = "wheel";
+    EventNames["ContextMenu"] = "contextmenu";
+    EventNames["KeyDown"] = "keydown";
+    EventNames["KeyUp"] = "keyup";
+    EventNames["DblClick"] = "dblclick";
+})(EventNames || (EventNames = {}));

package/dist/enums/Orientation.d.ts

@@ -0,0 +1,8 @@
+export declare enum Orientation {
+    TOP = 0,
+    RIGHT = 1,
+    BOTTOM = 2,
+    LEFT = 3,
+    VERTICAL_CENTER = 4,
+    HORIZONTAL_CENTER = 5
+}

package/dist/enums/Orientation.js

@@ -0,0 +1,9 @@
+export var Orientation;
+(function (Orientation) {
+    Orientation[Orientation["TOP"] = 0] = "TOP";
+    Orientation[Orientation["RIGHT"] = 1] = "RIGHT";
+    Orientation[Orientation["BOTTOM"] = 2] = "BOTTOM";
+    Orientation[Orientation["LEFT"] = 3] = "LEFT";
+    Orientation[Orientation["VERTICAL_CENTER"] = 4] = "VERTICAL_CENTER";
+    Orientation[Orientation["HORIZONTAL_CENTER"] = 5] = "HORIZONTAL_CENTER";
+})(Orientation || (Orientation = {}));

package/dist/enums/PointerActionType.d.ts

@@ -0,0 +1,8 @@
+export declare enum PointerActionType {
+    DragOrSelect = "DragOrSelect",
+    Drag = "Drag",
+    Resize = "Resize",
+    Rotate = "Rotate",
+    DrawSelection = "DrawSelection",
+    DrawingSelection = "DrawingSelection"
+}

package/dist/enums/PointerActionType.js

@@ -0,0 +1,9 @@
+export var PointerActionType;
+(function (PointerActionType) {
+    PointerActionType["DragOrSelect"] = "DragOrSelect";
+    PointerActionType["Drag"] = "Drag";
+    PointerActionType["Resize"] = "Resize";
+    PointerActionType["Rotate"] = "Rotate";
+    PointerActionType["DrawSelection"] = "DrawSelection";
+    PointerActionType["DrawingSelection"] = "DrawingSelection";
+})(PointerActionType || (PointerActionType = {}));

package/dist/index.d.ts

@@ -0,0 +1,266 @@
+export * from "./elements/controls/DesignerTabControl.js";
+export * from "./elements/controls/PlainScrollbar.js";
+export * from "./elements/services/DefaultServiceBootstrap.js";
+export * from "./elements/helper/CssAttributeParser.js";
+export * from "./elements/helper/CssCombiner.js";
+export * from "./elements/helper/ElementHelper.js";
+export * from "./elements/helper/IndentedTextWriter.js";
+export * from "./elements/helper/PathDataPolyfill.js";
+export * from "./elements/helper/Screenshot.js";
+export * from "./elements/helper/ClipboardHelper.js";
+export type { ITextWriter } from "./elements/helper/ITextWriter.js";
+export * from "./elements/helper/w3color.js";
+export * from "./elements/helper/contextMenu/ContextMenu.js";
+export * from "./elements/helper/Helper.js";
+export * from "./elements/helper/SwitchContainerHelper.js";
+export * from "./elements/helper/NpmPackageLoader.js";
+export type { IContextMenuItem, IContextMenu } from "./elements/helper/contextMenu/IContextMenuItem.js";
+export * from "./elements/item/DesignItem.js";
+export type { IDesignItem } from "./elements/item/IDesignItem.js";
+export type { IBinding } from "./elements/item/IBinding.js";
+export * from "./elements/item/BindingMode.js";
+export * from "./elements/item/BindingTarget.js";
+export * from "./elements/item/NodeType.js";
+export * from "./elements/services/bindableObjectsService/BindableObjectType.js";
+export type { IBindableObject } from "./elements/services/bindableObjectsService/IBindableObject.js";
+export type { IBindableObjectsService } from "./elements/services/bindableObjectsService/IBindableObjectsService.js";
+export type { IBindableObjectDragDropService } from "./elements/services/bindableObjectsService/IBindableObjectDragDropService.js";
+export type { IBindingService } from "./elements/services/bindingsService/IBindingService.js";
+export * from "./elements/services/bindingsService/BaseCustomWebcomponentBindingsService.js";
+export * from "./elements/services/placementService/DefaultPlacementService.js";
+export * from "./elements/services/placementService/FlexBoxPlacementService.js";
+export * from "./elements/services/placementService/GridPlacementService.js";
+export type { IPlacementService } from "./elements/services/placementService/IPlacementService.js";
+export * from "./elements/services/placementService/SnaplinesProviderService.js";
+export type { ISnaplinesProviderService } from "./elements/services/placementService/ISnaplinesProviderService.js";
+export * from "./elements/services/elementAtPointService/ElementAtPointService.js";
+export type { IElementAtPointService } from "./elements/services/elementAtPointService/IElementAtPointService.js";
+export * from "./elements/services/contentService/ContentService.js";
+export type { IContentChanged } from "./elements/services/contentService/IContentChanged.js";
+export type { IContentService } from "./elements/services/contentService/IContentService.js";
+export * from "./elements/services/copyPasteService/CopyPasteService.js";
+export * from "./elements/services/copyPasteService/CopyPasteAsJsonService.js";
+export type { ICopyPasteService } from "./elements/services/copyPasteService/ICopyPasteService.js";
+export * from "./elements/services/demoProviderService/IframeDemoProviderService.js";
+export * from "./elements/services/demoProviderService/SimpleDemoProviderService.js";
+export type { IDemoProviderService } from "./elements/services/demoProviderService/IDemoProviderService.js";
+export * from "./elements/services/designItemDocumentPositionService/DesignItemDocumentPositionService.js";
+export type { IDesignItemDocumentPositionService } from "./elements/services/designItemDocumentPositionService/IDesignItemDocumentPositionService.js";
+export type { IConfigUiService } from "./elements/services/configUiService/IConfigUiService.js";
+export * from "./elements/services/designItemService/DesignItemService.js";
+export type { IDesignItemService } from "./elements/services/designItemService/IDesignItemService.js";
+export * from "./elements/services/dragDropService/ExternalDragDropService.js";
+export type { IExternalDragDropService } from "./elements/services/dragDropService/IExternalDragDropService.js";
+export type { IPropertyGridDragDropService } from "./elements/services/dragDropService/IPropertyGridDragDropService.js";
+export * from "./elements/services/dragDropService/DragDropService.js";
+export type { IDragDropService } from "./elements/services/dragDropService/IDragDropService.js";
+export type { IElementInteractionService } from "./elements/services/elementInteractionService/IElementInteractionService.js";
+export type { IElementDefinition } from "./elements/services/elementsService/IElementDefinition.js";
+export type { IElementsJson } from "./elements/services/elementsService/IElementsJson.js";
+export type { IElementsService } from "./elements/services/elementsService/IElementsService.js";
+export * from "./elements/services/elementsService/JsonFileElementsService.js";
+export * from "./elements/services/elementsService/PreDefinedElementsService.js";
+export * from "./elements/services/elementsService/WebcomponentManifestElementsService.js";
+export type { IEvent } from "./elements/services/eventsService/IEvent.js";
+export type { IEventsService } from "./elements/services/eventsService/IEventsService.js";
+export * from "./elements/services/eventsService/EventsService.js";
+export type { IHtmlWriterService } from "./elements/services/htmlWriterService/IHtmlWriterService.js";
+export type { IHtmlWriterOptions } from "./elements/services/htmlWriterService/IHtmlWriterOptions.js";
+export type { IStringPosition } from "./elements/services/htmlWriterService/IStringPosition.js";
+export * from "./elements/services/htmlWriterService/AbstractHtmlWriterService.js";
+export * from "./elements/services/htmlWriterService/FormatingHtmlWriterService.js";
+export * from "./elements/services/htmlWriterService/HtmlWriterService.js";
+export * from "./elements/services/htmlWriterService/LitTsElementWriterService.js";
+export * from "./elements/services/htmlParserService/DefaultHtmlParserService.js";
+export type { IHtmlParserService } from "./elements/services/htmlParserService/IHtmlParserService.js";
+export type { IIntializationService } from "./elements/services/initializationService/IIntializationService.js";
+export * from "./elements/services/instanceService/DefaultInstanceService.js";
+export type { IInstanceService } from "./elements/services/instanceService/IInstanceService.js";
+export * from "./elements/services/manifestParsers/WebcomponentManifestParserService.js";
+export type { IModelCommandService } from "./elements/services/modelCommandService/IModelCommandService.js";
+export * from "./elements/services/modelCommandService/DefaultModelCommandService.js";
+export * from "./elements/services/propertiesService/DefaultEditorTypesService.js";
+export type { IEditorTypesService } from "./elements/services/propertiesService/IEditorTypesService.js";
+export type { IPropertiesService } from "./elements/services/propertiesService/IPropertiesService.js";
+export type { IProperty } from "./elements/services/propertiesService/IProperty.js";
+export type { IPropertyEditor } from "./elements/services/propertiesService/IPropertyEditor.js";
+export type { IPropertyGroup } from "./elements/services/propertiesService/IPropertyGroup.js";
+export type { IPropertyTabsService as IPropertyGroupsService } from './elements/services/propertiesService/IPropertyTabsService.js';
+export * from "./elements/services/propertiesService/propertyEditors/BasePropertyEditor.js";
+export * from "./elements/services/propertiesService/propertyEditors/BooleanPropertyEditor.js";
+export * from "./elements/services/propertiesService/propertyEditors/ColorPropertyEditor.js";
+export * from "./elements/services/propertiesService/propertyEditors/DatePropertyEditor.js";
+export * from "./elements/services/propertiesService/propertyEditors/ImageButtonListPropertyEditor.js";
+export * from "./elements/services/propertiesService/propertyEditors/JsonPropertyEditor.js";
+export * from "./elements/services/propertiesService/propertyEditors/JsonPropertyPopupEditor.js";
+export * from "./elements/services/propertiesService/propertyEditors/NumberPropertyEditor.js";
+export * from "./elements/services/propertiesService/propertyEditors/SelectPropertyEditor.js";
+export * from "./elements/services/propertiesService/propertyEditors/TextPropertyEditor.js";
+export * from "./elements/services/propertiesService/propertyEditors/ThicknessPropertyEditor.js";
+export * from "./elements/services/propertiesService/propertyEditors/special/MetricsPropertyEditor.js";
+export * from "./elements/services/propertiesService/propertyEditors/special/GridAssignedRowColumnPropertyEditor.js";
+export * from "./elements/services/propertiesService/services/PropertiesHelper.js";
+export * from "./elements/services/propertiesService/services/AttachedPropertiesService.js";
+export * from "./elements/services/propertiesService/services/BaseCustomWebComponentPropertiesService.js";
+export * from "./elements/services/propertiesService/services/CommonPropertiesService.js";
+export * from "./elements/services/propertiesService/services/ContentAndIdPropertiesService.js";
+export * from "./elements/services/propertiesService/services/CssCurrentPropertiesService.js";
+export * from "./elements/services/propertiesService/services/CssPropertiesService.js";
+export * from "./elements/services/propertiesService/services/ListPropertiesService.js";
+export * from "./elements/services/propertiesService/services/LitElementPropertiesService.js";
+export * from "./elements/services/propertiesService/services/NativeElementsPropertiesService.js";
+export * from "./elements/services/propertiesService/services/SVGElementsPropertiesService.js";
+export * from "./elements/services/propertiesService/services/PolymerPropertiesService.js";
+export * from "./elements/services/propertiesService/services/AbstractPropertiesService.js";
+export * from "./elements/services/propertiesService/services/WebcomponentManifestPropertiesService.js";
+export * from "./elements/services/propertiesService/services/AttributesPropertiesService.js";
+export * from "./elements/services/propertiesService/services/CssCustomPropertiesService.js";
+export * from "./elements/services/propertiesService/services/UnkownElementsPropertiesService.js";
+export * from "./elements/services/propertiesService/PropertyType.js";
+export * from "./elements/services/propertiesService/ValueType.js";
+export * from "./elements/services/propertiesService/PropertyTabsService.js";
+export type { ISelectionChangedEvent } from "./elements/services/selectionService/ISelectionChangedEvent.js";
+export type { ISelectionService } from "./elements/services/selectionService/ISelectionService.js";
+export * from "./elements/services/selectionService/SelectionService.js";
+export type { IStyleRule, IStyleDeclaration, IStylesheet, IStylesheetService, IDocumentStylesheet } from "./elements/services/stylesheetService/IStylesheetService.js";
+export * from "./elements/services/stylesheetService/AbstractStylesheetService.js";
+export * from "./elements/services/undoService/ChangeGroup.js";
+export type { ITransactionItem } from "./elements/services/undoService/ITransactionItem.js";
+export type { IUndoService } from "./elements/services/undoService/IUndoService.js";
+export * from "./elements/services/undoService/UndoService.js";
+export * from "./elements/services/undoService/transactionItems/AttributeChangeAction.js";
+export * from "./elements/services/undoService/transactionItems/CssStyleChangeAction.js";
+export * from "./elements/services/undoService/transactionItems/DeleteAction.js";
+export * from "./elements/services/undoService/transactionItems/InsertAction.js";
+export * from "./elements/services/undoService/transactionItems/InsertChildAction.js";
+export * from "./elements/services/undoService/transactionItems/StylesheetChangedAction.js";
+export * from "./elements/services/undoService/transactionItems/SetDesignItemsAction.js";
+export * from "./elements/services/undoService/transactionItems/TextContentChangeAction.js";
+export * from "./elements/services/BaseServiceContainer.js";
+export * from "./elements/services/InstanceServiceContainer.js";
+export type { IService } from "./elements/services/IService.js";
+export type { IServiceContainer } from "./elements/services/IServiceContainer.js";
+export * from "./elements/services/ServiceContainer.js";
+export type { IBindableObjectsBrowser } from "./elements/widgets/bindableObjectsBrowser/IBindableObjectsBrowser.js";
+export * from "./elements/widgets/propertyGrid/PropertyGrid.js";
+export * from "./elements/widgets/propertyGrid/PropertyGridPropertyList.js";
+export * from "./elements/widgets/propertyGrid/PropertyGridWithHeader.js";
+export type { IDesignerCanvas } from "./elements/widgets/designerView/IDesignerCanvas.js";
+export type { IPlacementView } from "./elements/widgets/designerView/IPlacementView.js";
+export * from "./elements/widgets/designerView/designerView.js";
+export * from "./elements/widgets/designerView/overlayLayerView.js";
+export * from "./elements/widgets/designerView/defaultConfiguredDesignerView.js";
+export * from "./elements/widgets/designerView/DomConverter.js";
+export * from "./elements/widgets/designerView/tools/toolBar/buttons/DrawToolButtonProvider.js";
+export * from "./elements/widgets/designerView/tools/toolBar/buttons/PointerToolButtonProvider.js";
+export * from "./elements/widgets/designerView/tools/toolBar/buttons/SelectorToolButtonProvider.js";
+export * from "./elements/widgets/designerView/tools/toolBar/buttons/SeperatorToolProvider.js";
+export * from "./elements/widgets/designerView/tools/toolBar/buttons/TextToolButtonProvider.js";
+export * from "./elements/widgets/designerView/tools/toolBar/buttons/ZoomToolButtonProvider.js";
+export * from "./elements/widgets/designerView/tools/toolBar/buttons/TransformToolButtonProvider.js";
+export * from "./elements/widgets/designerView/tools/toolBar/popups/DrawToolPopup.js";
+export * from "./elements/widgets/designerView/tools/toolBar/DesignerToolbar.js";
+export * from "./elements/widgets/designerView/tools/toolBar/DesignerToolbarButton.js";
+export type { IDesignViewToolbarButtonProvider } from "./elements/widgets/designerView/tools/toolBar/IDesignViewToolbarButtonProvider.js";
+export type { ITool } from "./elements/widgets/designerView/tools/ITool.js";
+export * from "./elements/widgets/designerView/tools/toolBar/DesignerToolbar.js";
+export * from "./elements/widgets/designerView/tools/NamedTools.js";
+export * from "./elements/widgets/designerView/tools/DrawElementTool.js";
+export * from "./elements/widgets/designerView/tools/DrawPathTool.js";
+export * from "./elements/widgets/designerView/tools/DrawRectTool.js";
+export * from "./elements/widgets/designerView/tools/DrawEllipsisTool.js";
+export * from "./elements/widgets/designerView/tools/DrawLineTool.js";
+export * from "./elements/widgets/designerView/tools/MagicWandSelectorTool.js";
+export * from "./elements/widgets/designerView/tools/PanTool.js";
+export * from "./elements/widgets/designerView/tools/PickColorTool.js";
+export * from "./elements/widgets/designerView/tools/PointerTool.js";
+export * from "./elements/widgets/designerView/tools/RectangleSelectorTool.js";
+export * from "./elements/widgets/designerView/tools/TextTool.js";
+export * from "./elements/widgets/designerView/tools/ZoomTool.js";
+export type { IDesignerExtension } from "./elements/widgets/designerView/extensions/IDesignerExtension.js";
+export type { IDesignerExtensionProvider } from "./elements/widgets/designerView/extensions/IDesignerExtensionProvider.js";
+export type { IExtensionManager } from "./elements/widgets/designerView/extensions/IExtensionManger.js";
+export * from "./elements/widgets/designerView/extensions/OverlayLayer.js";
+export * from "./elements/widgets/designerView/extensions/ExtensionType.js";
+export * from "./elements/widgets/designerView/extensions/AbstractExtension.js";
+export * from "./elements/widgets/designerView/extensions/AltToEnterContainerExtension.js";
+export * from "./elements/widgets/designerView/extensions/AltToEnterContainerExtensionProvider.js";
+export * from "./elements/widgets/designerView/extensions/CanvasExtension.js";
+export * from "./elements/widgets/designerView/extensions/CanvasExtensionProvider.js";
+export * from "./elements/widgets/designerView/extensions/ExtensionManager.js";
+export * from "./elements/widgets/designerView/extensions/FlexboxExtension.js";
+export * from "./elements/widgets/designerView/extensions/FlexboxExtensionProvider.js";
+export * from "./elements/widgets/designerView/extensions/GrayOutExtension.js";
+export * from "./elements/widgets/designerView/extensions/GrayOutExtensionProvider.js";
+export * from "./elements/widgets/designerView/extensions/GrayOutDragOverContainerExtension.js";
+export * from "./elements/widgets/designerView/extensions/GrayOutDragOverContainerExtensionProvider.js";
+export * from "./elements/widgets/designerView/extensions/InvisibleElementExtension.js";
+export * from "./elements/widgets/designerView/extensions/InvisibleElementExtensionProvider.js";
+export * from "./elements/widgets/designerView/extensions/HighlightElementExtension.js";
+export * from "./elements/widgets/designerView/extensions/HighlightElementExtensionProvider.js";
+export * from "./elements/widgets/designerView/extensions/svg/PathExtension.js";
+export * from "./elements/widgets/designerView/extensions/svg/PathExtensionProvider.js";
+export * from "./elements/widgets/designerView/extensions/PositionExtension.js";
+export * from "./elements/widgets/designerView/extensions/PositionExtensionProvider.js";
+export * from "./elements/widgets/designerView/extensions/ElementDragTitleExtension.js";
+export * from "./elements/widgets/designerView/extensions/ElementDragTitleExtensionProvider.js";
+export * from "./elements/widgets/designerView/extensions/ResizeExtension.js";
+export * from "./elements/widgets/designerView/extensions/ResizeExtensionProvider.js";
+export * from "./elements/widgets/designerView/extensions/RotateExtension.js";
+export * from "./elements/widgets/designerView/extensions/RotateExtensionProvider.js";
+export * from "./elements/widgets/designerView/extensions/SelectionDefaultExtension.js";
+export * from "./elements/widgets/designerView/extensions/SelectionDefaultExtensionProvider.js";
+export * from "./elements/widgets/designerView/extensions/TransformOriginExtension.js";
+export * from "./elements/widgets/designerView/extensions/TransformOriginExtensionProvider.js";
+export * from "./elements/widgets/designerView/extensions/grid/EditGridColumnRowSizesExtension.js";
+export * from "./elements/widgets/designerView/extensions/grid/EditGridColumnRowSizesExtensionProvider.js";
+export * from "./elements/widgets/designerView/extensions/grid/DisplayGridExtension.js";
+export * from "./elements/widgets/designerView/extensions/grid/DisplayGridExtensionProvider.js";
+export * from "./elements/widgets/designerView/extensions/logic/ApplyFirstMachingExtensionProvider.js";
+export * from "./elements/widgets/designerView/extensions/buttons/InvisibleElementExtensionDesignViewConfigButtons.js";
+export * from "./elements/widgets/designerView/extensions/buttons/FlexboxExtensionDesignViewConfigButtons.js";
+export * from "./elements/widgets/designerView/extensions/buttons/GridExtensionDesignViewConfigButtons.js";
+export * from "./elements/widgets/designerView/extensions/buttons/AbstractDesignViewConfigButton.js";
+export * from "./elements/widgets/designerView/extensions/buttons/ButtonSeperatorProvider.js";
+export * from "./elements/widgets/designerView/extensions/buttons/StylesheetServiceDesignViewConfigButtons.js";
+export type { IDesignViewConfigButtonsProvider } from './elements/widgets/designerView/extensions/buttons/IDesignViewConfigButtonsProvider.js';
+export * from "./elements/widgets/designerView/extensions/EditText/EditTextExtension.js";
+export * from "./elements/widgets/designerView/extensions/EditText/EditTextExtensionProvider.js";
+export type { IContextMenuExtension, ContextmenuInitiator } from "./elements/widgets/designerView/extensions/contextMenu/IContextMenuExtension.js";
+export * from "./elements/widgets/designerView/extensions/contextMenu/CopyPasteContextMenu.js";
+export * from "./elements/widgets/designerView/extensions/contextMenu/ItemsBelowContextMenu.js";
+export * from "./elements/widgets/designerView/extensions/contextMenu/MultipleItemsSelectedContextMenu.js";
+export * from "./elements/widgets/designerView/extensions/contextMenu/PathContextMenu.js";
+export * from "./elements/widgets/designerView/extensions/contextMenu/RectContextMenu.js";
+export * from "./elements/widgets/designerView/extensions/contextMenu/SeperatorContextMenu.js";
+export * from "./elements/widgets/designerView/extensions/contextMenu/SelectAllChildrenContextMenu.js";
+export * from "./elements/widgets/designerView/extensions/contextMenu/ZMoveContextMenu.js";
+export * from "./elements/widgets/designerView/extensions/contextMenu/RotateLeftAndRightContextMenu.js";
+export * from "./elements/widgets/designerView/extensions/contextMenu/ZoomToElementContextMenu.js";
+export * from "./elements/widgets/designerView/extensions/contextMenu/JumpToElementContextMenu.js";
+export type { IDesignerPointerExtension } from "./elements/widgets/designerView/extensions/pointerExtensions/IDesignerPointerExtension.js";
+export type { IDesignerPointerExtensionProvider } from "./elements/widgets/designerView/extensions/pointerExtensions/IDesignerPointerExtensionProvider.js";
+export * from "./elements/widgets/designerView/extensions/pointerExtensions/AbstractDesignerPointerExtension.js";
+export * from "./elements/widgets/designerView/extensions/pointerExtensions/CursorLinePointerExtension.js";
+export * from "./elements/widgets/designerView/extensions/pointerExtensions/CursorLinePointerExtensionProvider.js";
+export type { IMiniatureView } from "./elements/widgets/miniatureView/IMiniatureView.js";
+export * from "./elements/widgets/debugView/debug-view.js";
+export * from "./elements/widgets/demoView/demoView.js";
+export * from "./elements/widgets/paletteView/paletteElements.js";
+export * from "./elements/widgets/paletteView/paletteView.js";
+export type { ITreeView } from "./elements/widgets/treeView/ITreeView.js";
+export * from "./elements/widgets/treeView/treeView.js";
+export type { ICodeView } from "./elements/widgets/codeView/ICodeView.js";
+export * from "./elements/widgets/codeView/code-view-simple.js";
+export * from "./elements/documentContainer.js";
+export * from "./enums/EventNames.js";
+export * from "./enums/PointerActionType.js";
+export type { IActivateable } from "./interfaces/IActivateable.js";
+export type { IDisposable } from "./interfaces/IDisposable.js";
+export type { IPoint } from "./interfaces/IPoint.js";
+export type { IRect } from "./interfaces/IRect.js";
+export type { ISize } from "./interfaces/ISize.js";
+export * from "./commandHandling/CommandType.js";
+export type { IUiCommand } from "./commandHandling/IUiCommand.js";
+export type { IUiCommandHandler } from "./commandHandling/IUiCommandHandler.js";
+export * from './Constants.js';