@node-projects/web-component-designer 0.0.49 → 0.0.53

package/dist/elements/widgets/designerView/extensions/pointerExtensions/CursorRectanglePointerExtension copy.js

@@ -1,27 +0,0 @@
-import { css } from '@node-projects/base-custom-webcomponent';
-import { OverlayLayer } from '../OverlayLayer.js';
-import { AbstractDesignerPointerExtension } from './AbstractDesignerPointerExtension';
-export class CursorRectanglePointerExtension extends AbstractDesignerPointerExtension {
-    _lineOffset = 5;
-    _lineLength = 10;
-    _line1;
-    _line2;
-    _line3;
-    _line4;
-    extend(event) {
-        this.refresh(event);
-    }
-    refresh(event) {
-        let mp = this.designerView.getNormalizedEventCoordinates(event);
-        this._line1 = this._drawLine(mp.x, mp.y - this._lineOffset, mp.x, mp.y - this._lineOffset - this._lineLength, 'svg-cursor-line', this._line1, OverlayLayer.Foregorund);
-        this._line2 = this._drawLine(mp.x, mp.y + this._lineOffset, mp.x, mp.y + this._lineOffset + this._lineLength, 'svg-cursor-line', this._line2, OverlayLayer.Foregorund);
-        this._line3 = this._drawLine(mp.x - this._lineOffset, mp.y, mp.x - this._lineOffset - this._lineLength, mp.y, 'svg-cursor-line', this._line3, OverlayLayer.Foregorund);
-        this._line4 = this._drawLine(mp.x + this._lineOffset, mp.y, mp.x + this._lineOffset + this._lineLength, mp.y, 'svg-cursor-line', this._line4, OverlayLayer.Foregorund);
-    }
-    dispose() {
-        super._removeAllOverlays();
-    }
-    style = css `
-    .svg-cursor-line { stroke: black; pointer-events: none }
-  `;
-}

package/dist/elements/widgets/designerView/extensions/pointerExtensions/CursorRectanglePointerExtension.d.ts

@@ -1,7 +0,0 @@
-import { AbstractDesignerPointerExtension } from './AbstractDesignerPointerExtension';
-export declare class CursorRectanglePointerExtension extends AbstractDesignerPointerExtension {
-    private _rect;
-    extend(event: PointerEvent): void;
-    refresh(event: PointerEvent): void;
-    dispose(): void;
-}

package/dist/elements/widgets/designerView/extensions/pointerExtensions/CursorRectanglePointerExtension.js

@@ -1,20 +0,0 @@
-import { OverlayLayer } from '../OverlayLayer.js';
-import { AbstractDesignerPointerExtension } from './AbstractDesignerPointerExtension';
-export class CursorRectanglePointerExtension extends AbstractDesignerPointerExtension {
-    _rect;
-    extend(event) {
-        this._rect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-        this.overlayLayerView.addOverlay(this._rect, OverlayLayer.Foregorund);
-    }
-    refresh(event) {
-        let mp = this.designerView.getNormalizedEventCoordinates(event);
-        this._rect.setAttribute('class', 'svg-selector');
-        this._rect.setAttribute('x', (mp.x - 5));
-        this._rect.setAttribute('y', (mp.y - 5));
-        this._rect.setAttribute('width', (10));
-        this._rect.setAttribute('height', (10));
-    }
-    dispose() {
-        super._removeAllOverlays();
-    }
-}

package/dist/elements/widgets/designerView/extensions/pointerExtensions/IDesignerExtension.d.ts

@@ -1,5 +0,0 @@
-import { IDisposable } from "../../../../interfaces/IDisposable";
-export interface IDesignerPointerExtension extends IDisposable {
-    extend(event: PointerEvent): any;
-    refresh(event: PointerEvent): any;
-}

package/dist/elements/widgets/designerView/extensions/pointerExtensions/IDesignerExtension.js

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

package/dist/elements/widgets/designerView/extensions/pointerExtensions/IDesignerExtensionProvider.d.ts

@@ -1,9 +0,0 @@
-import { IDesignItem } from "../../../item/IDesignItem";
-import { IDesignerCanvas } from "../IDesignerCanvas";
-import { IDesignerExtension } from "./IDesignerExtension";
-import { IExtensionManager } from "./IExtensionManger";
-export interface IDesignerExtensionProvider {
-    shouldExtend(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): boolean;
-    getExtension(extensionManager: IExtensionManager, designerView: IDesignerCanvas, designItem: IDesignItem): IDesignerExtension;
-    style?: CSSStyleSheet;
-}

package/dist/elements/widgets/designerView/extensions/pointerExtensions/IDesignerExtensionProvider.js

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

package/dist/elements/widgets/designerView/extensions/pointerExtensions/RulerExtension.d.ts

@@ -1,7 +0,0 @@
-import { AbstractDesignerPointerExtension } from './AbstractDesignerPointerExtension';
-export declare class CursorRectanglePointerExtension extends AbstractDesignerPointerExtension {
-    private _rect;
-    extend(event: PointerEvent): void;
-    refresh(event: PointerEvent): void;
-    dispose(): void;
-}

package/dist/elements/widgets/designerView/extensions/pointerExtensions/RulerExtension.js

@@ -1,20 +0,0 @@
-import { OverlayLayer } from '../OverlayLayer.js';
-import { AbstractDesignerPointerExtension } from './AbstractDesignerPointerExtension';
-export class CursorRectanglePointerExtension extends AbstractDesignerPointerExtension {
-    _rect;
-    extend(event) {
-        this._rect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-        this.overlayLayerView.addOverlay(this._rect, OverlayLayer.Foregorund);
-    }
-    refresh(event) {
-        let mp = this.designerView.getNormalizedEventCoordinates(event);
-        this._rect.setAttribute('class', 'svg-selector');
-        this._rect.setAttribute('x', (mp.x - 5));
-        this._rect.setAttribute('y', (mp.y - 5));
-        this._rect.setAttribute('width', (10));
-        this._rect.setAttribute('height', (10));
-    }
-    dispose() {
-        super._removeAllOverlays();
-    }
-}

package/dist/elements/widgets/designerView/extensions/pointerExtensions/RulerPointerExtension.d.ts

@@ -1,7 +0,0 @@
-import { AbstractDesignerPointerExtension } from './AbstractDesignerPointerExtension';
-export declare class RulerPointerExtension extends AbstractDesignerPointerExtension {
-    private _rect;
-    extend(event: PointerEvent): void;
-    refresh(event: PointerEvent): void;
-    dispose(): void;
-}

package/dist/elements/widgets/designerView/extensions/pointerExtensions/RulerPointerExtension.js

@@ -1,20 +0,0 @@
-import { OverlayLayer } from '../OverlayLayer.js';
-import { AbstractDesignerPointerExtension } from './AbstractDesignerPointerExtension';
-export class RulerPointerExtension extends AbstractDesignerPointerExtension {
-    _rect;
-    extend(event) {
-        this._rect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-        this.overlayLayerView.addOverlay(this._rect, OverlayLayer.Foregorund);
-    }
-    refresh(event) {
-        let mp = this.designerView.getNormalizedEventCoordinates(event);
-        this._rect.setAttribute('class', 'svg-selector');
-        this._rect.setAttribute('x', (mp.x - 5));
-        this._rect.setAttribute('y', (mp.y - 5));
-        this._rect.setAttribute('width', (10));
-        this._rect.setAttribute('height', (10));
-    }
-    dispose() {
-        super._removeAllOverlays();
-    }
-}

package/dist/elements/widgets/propertyGrid/PropertyGrid copy.d.ts

@@ -1,17 +0,0 @@
-import { ServiceContainer } from '../../services/ServiceContainer';
-import { IDesignItem } from '../../item/IDesignItem';
-import { BaseCustomWebComponentLazyAppend } from '@node-projects/base-custom-webcomponent';
-export declare class PropertyGrid extends BaseCustomWebComponentLazyAppend {
-    private _serviceContainer;
-    private _designerTabControl;
-    private _selectedItems;
-    private _propertyGridPropertyLists;
-    private _itemsObserver;
-    static readonly style: CSSStyleSheet;
-    constructor();
-    set serviceContainer(value: ServiceContainer);
-    get serviceContainer(): ServiceContainer;
-    get selectedItems(): IDesignItem[];
-    set selectedItems(items: IDesignItem[]);
-    private _observeItems;
-}

package/dist/elements/widgets/propertyGrid/PropertyGrid copy.js

@@ -1,143 +0,0 @@
-import { PropertyGridPropertyList } from './PropertyGridPropertyList';
-import { DesignerTabControl } from '../../controls/DesignerTabControl';
-import { BaseCustomWebComponentLazyAppend, css } from '@node-projects/base-custom-webcomponent';
-import { CssPropertiesService } from '../../services/propertiesService/services/CssPropertiesService';
-import { CommonPropertiesService } from '../../services/propertiesService/services/CommonPropertiesService';
-import { AttributesPropertiesService } from '../../services/propertiesService/services/AttributesPropertiesService';
-export class PropertyGrid extends BaseCustomWebComponentLazyAppend {
-    _serviceContainer;
-    _designerTabControl;
-    _selectedItems;
-    _propertyGridPropertyLists;
-    _itemsObserver;
-    static style = css `
-    :host {
-      display: block;
-      height: 100%;
-      user-select: none;
-    }
-    iron-pages {
-      overflow: hidden;
-      height: 250px;
-      background: var(--medium-grey, #2f3545);
-      color: white;
-    }
-    button:hover {
-      box-shadow: inset 0 3px 0 var(--light-grey);
-    }
-    button:focus {
-      box-shadow: inset 0 3px 0 var(--highlight-pink, #e91e63);
-    }
-    `;
-    constructor() {
-        super();
-        this._designerTabControl = new DesignerTabControl();
-        this.shadowRoot.appendChild(this._designerTabControl);
-        this.addEventListener('contextmenu', (e) => {
-            if (e.composedPath()[0].localName != 'input')
-                e.preventDefault();
-        });
-        this._itemsObserver = new MutationObserver((m) => {
-            for (const a of this._propertyGridPropertyLists) {
-                a.refreshForDesignItems(this._selectedItems);
-            }
-        });
-    }
-    set serviceContainer(value) {
-        this._serviceContainer = value;
-        this._propertyGridPropertyLists = [];
-        let elementPropertyEditorAttributeList = new PropertyGridPropertyList(value);
-        elementPropertyEditorAttributeList.setPropertiesService(new CssPropertiesService("styles")); //This is replace in selectedItems
-        elementPropertyEditorAttributeList.title = "properties";
-        this._designerTabControl.appendChild(elementPropertyEditorAttributeList);
-        this._propertyGridPropertyLists.push(elementPropertyEditorAttributeList);
-        let attributeEditorAttributeList = new PropertyGridPropertyList(value);
-        attributeEditorAttributeList.setPropertiesService(new AttributesPropertiesService());
-        attributeEditorAttributeList.createElements(null);
-        attributeEditorAttributeList.title = "attributes";
-        this._designerTabControl.appendChild(attributeEditorAttributeList);
-        this._propertyGridPropertyLists.push(attributeEditorAttributeList);
-        attributeEditorAttributeList = new PropertyGridPropertyList(value);
-        attributeEditorAttributeList.setPropertiesService(new CommonPropertiesService());
-        attributeEditorAttributeList.createElements(null);
-        attributeEditorAttributeList.title = "common";
-        this._designerTabControl.appendChild(attributeEditorAttributeList);
-        this._propertyGridPropertyLists.push(attributeEditorAttributeList);
-        attributeEditorAttributeList = new PropertyGridPropertyList(value);
-        attributeEditorAttributeList.setPropertiesService(new CssPropertiesService("set-styles"));
-        attributeEditorAttributeList.createElements(null);
-        attributeEditorAttributeList.title = "set-styles";
-        this._designerTabControl.appendChild(attributeEditorAttributeList);
-        this._propertyGridPropertyLists.push(attributeEditorAttributeList);
-        attributeEditorAttributeList = new PropertyGridPropertyList(value);
-        attributeEditorAttributeList.setPropertiesService(new CssPropertiesService("styles"));
-        attributeEditorAttributeList.createElements(null);
-        attributeEditorAttributeList.title = "styles";
-        this._designerTabControl.appendChild(attributeEditorAttributeList);
-        this._propertyGridPropertyLists.push(attributeEditorAttributeList);
-        attributeEditorAttributeList = new PropertyGridPropertyList(value);
-        attributeEditorAttributeList.setPropertiesService(new CssPropertiesService("alignment"));
-        attributeEditorAttributeList.createElements(null);
-        attributeEditorAttributeList.title = "alignment";
-        this._designerTabControl.appendChild(attributeEditorAttributeList);
-        this._propertyGridPropertyLists.push(attributeEditorAttributeList);
-        attributeEditorAttributeList = new PropertyGridPropertyList(value);
-        attributeEditorAttributeList.setPropertiesService(new CssPropertiesService("grid"));
-        attributeEditorAttributeList.createElements(null);
-        attributeEditorAttributeList.title = "grid";
-        this._designerTabControl.appendChild(attributeEditorAttributeList);
-        this._propertyGridPropertyLists.push(attributeEditorAttributeList);
-        attributeEditorAttributeList = new PropertyGridPropertyList(value);
-        attributeEditorAttributeList.setPropertiesService(new CssPropertiesService("flex"));
-        attributeEditorAttributeList.createElements(null);
-        attributeEditorAttributeList.title = "flex";
-        this._designerTabControl.appendChild(attributeEditorAttributeList);
-        this._propertyGridPropertyLists.push(attributeEditorAttributeList);
-        this._designerTabControl.selectedIndex = 0;
-    }
-    get serviceContainer() {
-        return this._serviceContainer;
-    }
-    get selectedItems() {
-        return this._selectedItems;
-    }
-    set selectedItems(items) {
-        this._selectedItems = items;
-        if (this.selectedItems && this.selectedItems.length > 0) {
-            const propService = this._serviceContainer.getLastServiceWhere('propertyService', x => x.isHandledElement(this.selectedItems[0]));
-            this._propertyGridPropertyLists[0].setPropertiesService(propService);
-            this._propertyGridPropertyLists[0].createElements(this.selectedItems[0]);
-            this._propertyGridPropertyLists[1].createElements(this.selectedItems[0]);
-            this._propertyGridPropertyLists[3].createElements(this.selectedItems[0]);
-        }
-        for (const a of this._propertyGridPropertyLists) {
-            a.designItemsChanged(items);
-        }
-        if (items) {
-            if (items.length == 1) {
-                for (const a of this._propertyGridPropertyLists) {
-                    a.designItemsChanged(items);
-                    a.refreshForDesignItems(items);
-                }
-                this._observeItems();
-                /*let properties = serviceContainer.forSomeServicesTillResult("propertyService", x => x.getProperties(element));
-        
-                if (properties) {
-                  let attributeEditorAttributeList = new PropertyGridPropertyList();
-                  attributeEditorAttributeList.serviceContainer = this.serviceContainer;
-                  // attributeEditorAttributeList.title =
-                  attributeEditorAttributeList.createElements(properties);
-                  this._designerTabControl.appendChild(attributeEditorAttributeList);
-                }*/
-            }
-        }
-        else {
-            this._itemsObserver.disconnect();
-        }
-    }
-    _observeItems() {
-        this._itemsObserver.disconnect();
-        this._itemsObserver.observe(this._selectedItems[0].element, { attributes: true, childList: false, characterData: false });
-    }
-}
-customElements.define('node-projects-property-grid', PropertyGrid);

package/dist/interfaces/IDesignerMousePoint.d.ts

@@ -1,11 +0,0 @@
-export interface IDesignerMousePoint {
-    x: number;
-    y: number;
-    originalX: number;
-    originalY: number;
-    offsetInControlX: number;
-    offsetInControlY: number;
-    zoom?: number;
-    normalizedX?: number;
-    normalizedY?: number;
-}

package/dist/interfaces/IDesignerMousePoint.js

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